HEX #316BB6 color — Azure
The color #316BB6 is a dark shade and moderately saturated.
Palette
316BB6 color palette from light to dark
HEX |
RGB |
HSL |
#ebf1fa |
rgb(235,241,250) |
hsl(214,58%,95%) |
#d7e4f4 |
rgb(215,228,244) |
hsl(214,58%,90%) |
#c3d6ef |
rgb(195,214,239) |
hsl(214,58%,85%) |
#aec8ea |
rgb(174,200,234) |
hsl(214,58%,80%) |
#9abae4 |
rgb(154,186,228) |
hsl(214,58%,75%) |
#86addf |
rgb(134,173,223) |
hsl(214,58%,70%) |
#729fda |
rgb(114,159,218) |
hsl(214,58%,65%) |
#5e91d4 |
rgb(94,145,212) |
hsl(214,58%,60%) |
#4a83cf |
rgb(74,131,207) |
hsl(214,58%,55%) |
#3676c9 |
rgb(54,118,201) |
hsl(214,58%,50%) |
#306ab5 |
rgb(48,106,181) |
hsl(214,58%,45%) |
#2b5ea1 |
rgb(43,94,161) |
hsl(214,58%,40%) |
#25528d |
rgb(37,82,141) |
hsl(214,58%,35%) |
#204779 |
rgb(32,71,121) |
hsl(214,58%,30%) |
#1b3b65 |
rgb(27,59,101) |
hsl(214,58%,25%) |
#152f51 |
rgb(21,47,81) |
hsl(214,58%,20%) |
#10233c |
rgb(16,35,60) |
hsl(214,58%,15%) |
#0b1828 |
rgb(11,24,40) |
hsl(214,58%,10%) |
#050c14 |
rgb(5,12,20) |
hsl(214,58%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31B5A8 |
rgb(49,181,168) |
hsl(174,57%,45%) |
#316BB6 |
rgb(49,107,182) |
hsl(214,58%,45%) |
#4F30B6 |
rgb(79,48,182) |
hsl(254,58%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5D91D3 |
rgb(93,145,211) |
hsl(214,57%,60%) |
#407DCB |
rgb(64,125,203) |
hsl(214,57%,52%) |
#316BB6 |
rgb(49,107,182) |
hsl(214,58%,45%) |
#295998 |
rgb(41,89,152) |
hsl(214,58%,38%) |
#214A7B |
rgb(33,74,123) |
hsl(213,58%,31%) |
#19385E |
rgb(25,56,94) |
hsl(213,58%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#316BB6 |
rgb(49,107,182) |
hsl(214,58%,45%) |
#B63B31 |
rgb(182,59,49) |
hsl(5,58%,45%) |
#ADB531 |
rgb(173,181,49) |
hsl(64,57%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316BB6 |
rgb(49,107,182) |
hsl(214,58%,45%) |
#B67D31 |
rgb(182,125,49) |
hsl(34,58%,45%) |
#31ADB6 |
rgb(49,173,182) |
hsl(184,58%,45%) |
#ADB531 |
rgb(173,181,49) |
hsl(64,57%,45%) |