HEX #3157B2 color — Azure
The color #3157B2 is a dark shade and moderately saturated.
Palette
3157B2 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebeffa |
rgb(235,239,250) |
hsl(222,57%,95%) |
| #d7e0f4 |
rgb(215,224,244) |
hsl(222,57%,90%) |
| #c3d0ef |
rgb(195,208,239) |
hsl(222,57%,85%) |
| #afc0e9 |
rgb(175,192,233) |
hsl(222,57%,80%) |
| #9bb1e4 |
rgb(155,177,228) |
hsl(222,57%,75%) |
| #87a1de |
rgb(135,161,222) |
hsl(222,57%,70%) |
| #7391d9 |
rgb(115,145,217) |
hsl(222,57%,65%) |
| #5f82d3 |
rgb(95,130,211) |
hsl(222,57%,60%) |
| #4b72ce |
rgb(75,114,206) |
hsl(222,57%,55%) |
| #3762c8 |
rgb(55,98,200) |
hsl(222,57%,50%) |
| #3159b4 |
rgb(49,89,180) |
hsl(222,57%,45%) |
| #2c4fa0 |
rgb(44,79,160) |
hsl(222,57%,40%) |
| #26458c |
rgb(38,69,140) |
hsl(222,57%,35%) |
| #213b78 |
rgb(33,59,120) |
hsl(222,57%,30%) |
| #1b3164 |
rgb(27,49,100) |
hsl(222,57%,25%) |
| #162750 |
rgb(22,39,80) |
hsl(222,57%,20%) |
| #101e3c |
rgb(16,30,60) |
hsl(222,57%,15%) |
| #0b1428 |
rgb(11,20,40) |
hsl(222,57%,10%) |
| #050a14 |
rgb(5,10,20) |
hsl(222,57%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31ADB2 |
rgb(49,173,178) |
hsl(182,57%,45%) |
| #3157B2 |
rgb(49,87,178) |
hsl(222,57%,45%) |
| #6130B2 |
rgb(97,48,178) |
hsl(263,58%,44%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5A7DD1 |
rgb(90,125,209) |
hsl(222,56%,59%) |
| #3D66C9 |
rgb(61,102,201) |
hsl(222,56%,51%) |
| #3157B2 |
rgb(49,87,178) |
hsl(222,57%,45%) |
| #294A95 |
rgb(41,74,149) |
hsl(222,57%,37%) |
| #213B79 |
rgb(33,59,121) |
hsl(222,57%,30%) |
| #192E5C |
rgb(25,46,92) |
hsl(221,57%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3157B2 |
rgb(49,87,178) |
hsl(222,57%,45%) |
| #B24D31 |
rgb(178,77,49) |
hsl(13,57%,45%) |
| #97B331 |
rgb(151,179,49) |
hsl(73,57%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3157B2 |
rgb(49,87,178) |
hsl(222,57%,45%) |
| #B28C31 |
rgb(178,140,49) |
hsl(42,57%,45%) |
| #3196B2 |
rgb(49,150,178) |
hsl(193,57%,45%) |
| #97B331 |
rgb(151,179,49) |
hsl(73,57%,45%) |
