HEX #315EB2 color — Azure
The color #315EB2 is a dark shade and moderately saturated.
Palette
315EB2 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf0fa |
rgb(235,240,250) |
hsl(219,57%,95%) |
| #d7e1f4 |
rgb(215,225,244) |
hsl(219,57%,90%) |
| #c3d2ef |
rgb(195,210,239) |
hsl(219,57%,85%) |
| #afc3e9 |
rgb(175,195,233) |
hsl(219,57%,80%) |
| #9bb4e4 |
rgb(155,180,228) |
hsl(219,57%,75%) |
| #87a5de |
rgb(135,165,222) |
hsl(219,57%,70%) |
| #7396d9 |
rgb(115,150,217) |
hsl(219,57%,65%) |
| #5f88d3 |
rgb(95,136,211) |
hsl(219,57%,60%) |
| #4b79ce |
rgb(75,121,206) |
hsl(219,57%,55%) |
| #376ac8 |
rgb(55,106,200) |
hsl(219,57%,50%) |
| #315fb4 |
rgb(49,95,180) |
hsl(219,57%,45%) |
| #2c55a0 |
rgb(44,85,160) |
hsl(219,57%,40%) |
| #264a8c |
rgb(38,74,140) |
hsl(219,57%,35%) |
| #213f78 |
rgb(33,63,120) |
hsl(219,57%,30%) |
| #1b3564 |
rgb(27,53,100) |
hsl(219,57%,25%) |
| #162a50 |
rgb(22,42,80) |
hsl(219,57%,20%) |
| #10203c |
rgb(16,32,60) |
hsl(219,57%,15%) |
| #0b1528 |
rgb(11,21,40) |
hsl(219,57%,10%) |
| #050b14 |
rgb(5,11,20) |
hsl(219,57%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31B3B0 |
rgb(49,179,176) |
hsl(179,57%,45%) |
| #315EB2 |
rgb(49,94,178) |
hsl(219,57%,45%) |
| #5A30B2 |
rgb(90,48,178) |
hsl(259,58%,44%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5A85D1 |
rgb(90,133,209) |
hsl(218,56%,59%) |
| #3D6EC9 |
rgb(61,110,201) |
hsl(219,56%,51%) |
| #315EB2 |
rgb(49,94,178) |
hsl(219,57%,45%) |
| #294F95 |
rgb(41,79,149) |
hsl(219,57%,37%) |
| #214079 |
rgb(33,64,121) |
hsl(219,57%,30%) |
| #19305C |
rgb(25,48,92) |
hsl(219,57%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #315EB2 |
rgb(49,94,178) |
hsl(219,57%,45%) |
| #B24531 |
rgb(178,69,49) |
hsl(9,57%,45%) |
| #9EB331 |
rgb(158,179,49) |
hsl(70,57%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #315EB2 |
rgb(49,94,178) |
hsl(219,57%,45%) |
| #B28531 |
rgb(178,133,49) |
hsl(39,57%,45%) |
| #319EB2 |
rgb(49,158,178) |
hsl(189,57%,45%) |
| #9EB331 |
rgb(158,179,49) |
hsl(70,57%,45%) |
