HEX #315AA0 color — Azure
The color #315aa0 is a dark shade and moderately saturated.
Palette
315aa0 color palette from light to dark
HEX |
RGB |
HSL |
#eff3fa |
rgb(239,243,250) |
hsl(218,53%,96%) |
#dce5f4 |
rgb(220,229,244) |
hsl(218,53%,91%) |
#c8d6ee |
rgb(200,214,238) |
hsl(218,53%,86%) |
#b5c8e8 |
rgb(181,200,232) |
hsl(218,53%,81%) |
#a1b9e2 |
rgb(161,185,226) |
hsl(218,53%,76%) |
#8eabdc |
rgb(142,171,220) |
hsl(218,53%,71%) |
#7a9cd6 |
rgb(122,156,214) |
hsl(218,53%,66%) |
#678dd0 |
rgb(103,141,208) |
hsl(218,53%,61%) |
#537fca |
rgb(83,127,202) |
hsl(218,53%,56%) |
#4070c4 |
rgb(64,112,196) |
hsl(218,53%,51%) |
#3765b3 |
rgb(55,101,179) |
hsl(218,53%,46%) |
#315aa0 |
rgb(49,90,160) |
hsl(218,53%,41%) |
#2b4f8c |
rgb(43,79,140) |
hsl(218,53%,36%) |
#254479 |
rgb(37,68,121) |
hsl(218,53%,31%) |
#1f3965 |
rgb(31,57,101) |
hsl(218,53%,26%) |
#192e52 |
rgb(25,46,82) |
hsl(218,53%,21%) |
#13233e |
rgb(19,35,62) |
hsl(218,53%,16%) |
#0d182b |
rgb(13,24,43) |
hsl(218,53%,11%) |
#070d17 |
rgb(7,13,23) |
hsl(218,53%,6%) |
#010204 |
rgb(1,2,4) |
hsl(218,53%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31A19C |
rgb(49,161,156) |
hsl(177,53%,41%) |
#315AA0 |
rgb(49,90,160) |
hsl(218,53%,41%) |
#5230A0 |
rgb(82,48,160) |
hsl(258,54%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B7AC8 |
rgb(75,122,200) |
hsl(217,53%,54%) |
#3869B9 |
rgb(56,105,185) |
hsl(217,54%,47%) |
#315AA0 |
rgb(49,90,160) |
hsl(218,53%,41%) |
#294D86 |
rgb(41,77,134) |
hsl(217,53%,34%) |
#213D6C |
rgb(33,61,108) |
hsl(218,53%,28%) |
#192E53 |
rgb(25,46,83) |
hsl(218,54%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#315AA0 |
rgb(49,90,160) |
hsl(218,53%,41%) |
#A04031 |
rgb(160,64,49) |
hsl(8,53%,41%) |
#91A131 |
rgb(145,161,49) |
hsl(69,53%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315AA0 |
rgb(49,90,160) |
hsl(218,53%,41%) |
#A07831 |
rgb(160,120,49) |
hsl(38,53%,41%) |
#3191A0 |
rgb(49,145,160) |
hsl(188,53%,41%) |
#91A131 |
rgb(145,161,49) |
hsl(69,53%,41%) |