HEX #316EB2 color — Azure
The color #316EB2 is a dark shade and moderately saturated.
Palette
316EB2 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 |
| #31B3A0 |
rgb(49,179,160) |
hsl(171,57%,45%) |
| #316EB2 |
rgb(49,110,178) |
hsl(212,57%,45%) |
| #4A30B2 |
rgb(74,48,178) |
hsl(252,58%,44%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5A91D1 |
rgb(90,145,209) |
hsl(212,56%,59%) |
| #3D80C9 |
rgb(61,128,201) |
hsl(211,56%,51%) |
| #316EB2 |
rgb(49,110,178) |
hsl(212,57%,45%) |
| #295C95 |
rgb(41,92,149) |
hsl(212,57%,37%) |
| #214A79 |
rgb(33,74,121) |
hsl(212,57%,30%) |
| #19385C |
rgb(25,56,92) |
hsl(212,57%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #316EB2 |
rgb(49,110,178) |
hsl(212,57%,45%) |
| #B23631 |
rgb(178,54,49) |
hsl(2,57%,45%) |
| #AEB331 |
rgb(174,179,49) |
hsl(62,57%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #316EB2 |
rgb(49,110,178) |
hsl(212,57%,45%) |
| #B27531 |
rgb(178,117,49) |
hsl(32,57%,45%) |
| #31ADB2 |
rgb(49,173,178) |
hsl(182,57%,45%) |
| #AEB331 |
rgb(174,179,49) |
hsl(62,57%,45%) |
