HEX #316EB5 color — Azure
The color #316EB5 is a dark shade and moderately saturated.
Palette
316EB5 color palette from light to dark
HEX |
RGB |
HSL |
#ebf2fa |
rgb(235,242,250) |
hsl(212,57%,95%) |
#d7e5f4 |
rgb(215,229,244) |
hsl(212,57%,90%) |
#c3d7ef |
rgb(195,215,239) |
hsl(212,57%,85%) |
#afcae9 |
rgb(175,202,233) |
hsl(212,57%,80%) |
#9bbde4 |
rgb(155,189,228) |
hsl(212,57%,75%) |
#87b0de |
rgb(135,176,222) |
hsl(212,57%,70%) |
#73a2d9 |
rgb(115,162,217) |
hsl(212,57%,65%) |
#5f95d3 |
rgb(95,149,211) |
hsl(212,57%,60%) |
#4b88ce |
rgb(75,136,206) |
hsl(212,57%,55%) |
#377bc8 |
rgb(55,123,200) |
hsl(212,57%,50%) |
#316eb4 |
rgb(49,110,180) |
hsl(212,57%,45%) |
#2c62a0 |
rgb(44,98,160) |
hsl(212,57%,40%) |
#26568c |
rgb(38,86,140) |
hsl(212,57%,35%) |
#214a78 |
rgb(33,74,120) |
hsl(212,57%,30%) |
#1b3d64 |
rgb(27,61,100) |
hsl(212,57%,25%) |
#163150 |
rgb(22,49,80) |
hsl(212,57%,20%) |
#10253c |
rgb(16,37,60) |
hsl(212,57%,15%) |
#0b1928 |
rgb(11,25,40) |
hsl(212,57%,10%) |
#050c14 |
rgb(5,12,20) |
hsl(212,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31B5A4 |
rgb(49,181,164) |
hsl(172,57%,45%) |
#316EB5 |
rgb(49,110,181) |
hsl(212,57%,45%) |
#4C30B5 |
rgb(76,48,181) |
hsl(253,58%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C94D3 |
rgb(92,148,211) |
hsl(212,57%,59%) |
#3F80CB |
rgb(63,128,203) |
hsl(212,57%,52%) |
#316EB5 |
rgb(49,110,181) |
hsl(212,57%,45%) |
#295C98 |
rgb(41,92,152) |
hsl(212,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 |
#316EB5 |
rgb(49,110,181) |
hsl(212,57%,45%) |
#B53631 |
rgb(181,54,49) |
hsl(2,57%,45%) |
#B0B531 |
rgb(176,181,49) |
hsl(62,57%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316EB5 |
rgb(49,110,181) |
hsl(212,57%,45%) |
#B57831 |
rgb(181,120,49) |
hsl(32,57%,45%) |
#31B0B5 |
rgb(49,176,181) |
hsl(182,57%,45%) |
#B0B531 |
rgb(176,181,49) |
hsl(62,57%,45%) |