HEX #3157B3 color — Azure
The color #3157B3 is a dark shade and moderately saturated.
Palette
3157B3 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 |
#31ADB3 |
rgb(49,173,179) |
hsl(183,57%,45%) |
#3157B3 |
rgb(49,87,179) |
hsl(222,57%,45%) |
#6130B3 |
rgb(97,48,179) |
hsl(262,58%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5A7DD2 |
rgb(90,125,210) |
hsl(223,57%,59%) |
#3E66CA |
rgb(62,102,202) |
hsl(223,57%,52%) |
#3157B3 |
rgb(49,87,179) |
hsl(222,57%,45%) |
#294A96 |
rgb(41,74,150) |
hsl(222,57%,37%) |
#213B79 |
rgb(33,59,121) |
hsl(222,57%,30%) |
#192E5D |
rgb(25,46,93) |
hsl(221,58%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3157B3 |
rgb(49,87,179) |
hsl(222,57%,45%) |
#B34D31 |
rgb(179,77,49) |
hsl(13,57%,45%) |
#98B331 |
rgb(152,179,49) |
hsl(72,57%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3157B3 |
rgb(49,87,179) |
hsl(222,57%,45%) |
#B38C31 |
rgb(179,140,49) |
hsl(42,57%,45%) |
#3199B3 |
rgb(49,153,179) |
hsl(192,57%,45%) |
#98B331 |
rgb(152,179,49) |
hsl(72,57%,45%) |