HEX #315EB4 color — Azure
The color #315EB4 is a dark shade and moderately saturated.
Palette
315EB4 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 |
| #31B5B2 |
rgb(49,181,178) |
hsl(179,57%,45%) |
| #315EB4 |
rgb(49,94,180) |
hsl(219,57%,45%) |
| #5B30B4 |
rgb(91,48,180) |
hsl(260,58%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5B85D2 |
rgb(91,133,210) |
hsl(219,57%,59%) |
| #3E70CA |
rgb(62,112,202) |
hsl(219,57%,52%) |
| #315EB4 |
rgb(49,94,180) |
hsl(219,57%,45%) |
| #294F97 |
rgb(41,79,151) |
hsl(219,57%,38%) |
| #21407A |
rgb(33,64,122) |
hsl(219,57%,30%) |
| #19305D |
rgb(25,48,93) |
hsl(220,58%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #315EB4 |
rgb(49,94,180) |
hsl(219,57%,45%) |
| #B44531 |
rgb(180,69,49) |
hsl(9,57%,45%) |
| #9FB531 |
rgb(159,181,49) |
hsl(70,57%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #315EB4 |
rgb(49,94,180) |
hsl(219,57%,45%) |
| #B48731 |
rgb(180,135,49) |
hsl(39,57%,45%) |
| #31A1B4 |
rgb(49,161,180) |
hsl(189,57%,45%) |
| #9FB531 |
rgb(159,181,49) |
hsl(70,57%,45%) |
