HEX #316AB4 color — Azure
The color #316ab4 is a dark shade and moderately saturated.
Palette
316ab4 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf1fa |
rgb(235,241,250) |
hsl(214,57%,95%) |
| #d7e4f4 |
rgb(215,228,244) |
hsl(214,57%,90%) |
| #c3d6ef |
rgb(195,214,239) |
hsl(214,57%,85%) |
| #afc8e9 |
rgb(175,200,233) |
hsl(214,57%,80%) |
| #9bbae4 |
rgb(155,186,228) |
hsl(214,57%,75%) |
| #87adde |
rgb(135,173,222) |
hsl(214,57%,70%) |
| #739fd9 |
rgb(115,159,217) |
hsl(214,57%,65%) |
| #5f91d3 |
rgb(95,145,211) |
hsl(214,57%,60%) |
| #4b84ce |
rgb(75,132,206) |
hsl(214,57%,55%) |
| #3776c8 |
rgb(55,118,200) |
hsl(214,57%,50%) |
| #316ab4 |
rgb(49,106,180) |
hsl(214,57%,45%) |
| #2c5ea0 |
rgb(44,94,160) |
hsl(214,57%,40%) |
| #26528c |
rgb(38,82,140) |
hsl(214,57%,35%) |
| #214778 |
rgb(33,71,120) |
hsl(214,57%,30%) |
| #1b3b64 |
rgb(27,59,100) |
hsl(214,57%,25%) |
| #162f50 |
rgb(22,47,80) |
hsl(214,57%,20%) |
| #10233c |
rgb(16,35,60) |
hsl(214,57%,15%) |
| #0b1828 |
rgb(11,24,40) |
hsl(214,57%,10%) |
| #050c14 |
rgb(5,12,20) |
hsl(214,57%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31B5A6 |
rgb(49,181,166) |
hsl(173,57%,45%) |
| #316AB4 |
rgb(49,106,180) |
hsl(214,57%,45%) |
| #4F30B4 |
rgb(79,48,180) |
hsl(254,58%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5B8FD2 |
rgb(91,143,210) |
hsl(214,57%,59%) |
| #3E7DCA |
rgb(62,125,202) |
hsl(213,57%,52%) |
| #316AB4 |
rgb(49,106,180) |
hsl(214,57%,45%) |
| #295997 |
rgb(41,89,151) |
hsl(214,57%,38%) |
| #21477A |
rgb(33,71,122) |
hsl(214,57%,30%) |
| #19385D |
rgb(25,56,93) |
hsl(213,58%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #316AB4 |
rgb(49,106,180) |
hsl(214,57%,45%) |
| #B43B31 |
rgb(180,59,49) |
hsl(5,57%,45%) |
| #ABB531 |
rgb(171,181,49) |
hsl(65,57%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #316AB4 |
rgb(49,106,180) |
hsl(214,57%,45%) |
| #B47A31 |
rgb(180,122,49) |
hsl(33,57%,45%) |
| #31ABB4 |
rgb(49,171,180) |
hsl(184,57%,45%) |
| #ABB531 |
rgb(171,181,49) |
hsl(65,57%,45%) |
