HEX #315BB4 color — Azure
The color #315bb4 is a dark shade and moderately saturated.
Palette
315bb4 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf0fa |
rgb(235,240,250) |
hsl(221,57%,95%) |
| #d7e0f4 |
rgb(215,224,244) |
hsl(221,57%,90%) |
| #c3d1ef |
rgb(195,209,239) |
hsl(221,57%,85%) |
| #afc1e9 |
rgb(175,193,233) |
hsl(221,57%,80%) |
| #9bb2e4 |
rgb(155,178,228) |
hsl(221,57%,75%) |
| #87a3de |
rgb(135,163,222) |
hsl(221,57%,70%) |
| #7393d9 |
rgb(115,147,217) |
hsl(221,57%,65%) |
| #5f84d3 |
rgb(95,132,211) |
hsl(221,57%,60%) |
| #4b74ce |
rgb(75,116,206) |
hsl(221,57%,55%) |
| #3765c8 |
rgb(55,101,200) |
hsl(221,57%,50%) |
| #315bb4 |
rgb(49,91,180) |
hsl(221,57%,45%) |
| #2c51a0 |
rgb(44,81,160) |
hsl(221,57%,40%) |
| #26478c |
rgb(38,71,140) |
hsl(221,57%,35%) |
| #213d78 |
rgb(33,61,120) |
hsl(221,57%,30%) |
| #1b3264 |
rgb(27,50,100) |
hsl(221,57%,25%) |
| #162850 |
rgb(22,40,80) |
hsl(221,57%,20%) |
| #101e3c |
rgb(16,30,60) |
hsl(221,57%,15%) |
| #0b1428 |
rgb(11,20,40) |
hsl(221,57%,10%) |
| #050a14 |
rgb(5,10,20) |
hsl(221,57%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31B3B4 |
rgb(49,179,180) |
hsl(180,57%,45%) |
| #315BB4 |
rgb(49,91,180) |
hsl(221,57%,45%) |
| #5E30B4 |
rgb(94,48,180) |
hsl(261,58%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5B82D2 |
rgb(91,130,210) |
hsl(220,57%,59%) |
| #3E6BCA |
rgb(62,107,202) |
hsl(221,57%,52%) |
| #315BB4 |
rgb(49,91,180) |
hsl(221,57%,45%) |
| #294D97 |
rgb(41,77,151) |
hsl(220,57%,38%) |
| #213D7A |
rgb(33,61,122) |
hsl(221,57%,30%) |
| #19305D |
rgb(25,48,93) |
hsl(220,58%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #315BB4 |
rgb(49,91,180) |
hsl(221,57%,45%) |
| #B44731 |
rgb(180,71,49) |
hsl(10,57%,45%) |
| #9CB531 |
rgb(156,181,49) |
hsl(71,57%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #315BB4 |
rgb(49,91,180) |
hsl(221,57%,45%) |
| #B48A31 |
rgb(180,138,49) |
hsl(41,57%,45%) |
| #319CB4 |
rgb(49,156,180) |
hsl(191,57%,45%) |
| #9CB531 |
rgb(156,181,49) |
hsl(71,57%,45%) |
