HEX #315EB3 color — Azure
The color #315EB3 is a dark shade and moderately saturated.
Palette
315EB3 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 |
| #31B3B1 |
rgb(49,179,177) |
hsl(179,57%,45%) |
| #315EB3 |
rgb(49,94,179) |
hsl(219,57%,45%) |
| #5A30B3 |
rgb(90,48,179) |
hsl(259,58%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5A85D2 |
rgb(90,133,210) |
hsl(219,57%,59%) |
| #3E6ECA |
rgb(62,110,202) |
hsl(219,57%,52%) |
| #315EB3 |
rgb(49,94,179) |
hsl(219,57%,45%) |
| #294F96 |
rgb(41,79,150) |
hsl(219,57%,37%) |
| #214079 |
rgb(33,64,121) |
hsl(219,57%,30%) |
| #19305D |
rgb(25,48,93) |
hsl(220,58%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #315EB3 |
rgb(49,94,179) |
hsl(219,57%,45%) |
| #B34531 |
rgb(179,69,49) |
hsl(9,57%,45%) |
| #9FB331 |
rgb(159,179,49) |
hsl(69,57%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #315EB3 |
rgb(49,94,179) |
hsl(219,57%,45%) |
| #B38731 |
rgb(179,135,49) |
hsl(40,57%,45%) |
| #319EB3 |
rgb(49,158,179) |
hsl(190,57%,45%) |
| #9FB331 |
rgb(159,179,49) |
hsl(69,57%,45%) |
