HEX #315E99 color — Azure
The color #315E99 is a dark shade and moderately saturated.
Palette
315E99 color palette from light to dark
HEX |
RGB |
HSL |
#ecf1f9 |
rgb(236,241,249) |
hsl(214,51%,95%) |
#d8e4f3 |
rgb(216,228,243) |
hsl(214,51%,90%) |
#c5d6ec |
rgb(197,214,236) |
hsl(214,51%,85%) |
#b2c9e6 |
rgb(178,201,230) |
hsl(214,51%,80%) |
#9fbbe0 |
rgb(159,187,224) |
hsl(214,51%,75%) |
#8badda |
rgb(139,173,218) |
hsl(214,51%,70%) |
#78a0d3 |
rgb(120,160,211) |
hsl(214,51%,65%) |
#6592cd |
rgb(101,146,205) |
hsl(214,51%,60%) |
#5284c7 |
rgb(82,132,199) |
hsl(214,51%,55%) |
#3e77c1 |
rgb(62,119,193) |
hsl(214,51%,50%) |
#386bad |
rgb(56,107,173) |
hsl(214,51%,45%) |
#325f9a |
rgb(50,95,154) |
hsl(214,51%,40%) |
#2c5387 |
rgb(44,83,135) |
hsl(214,51%,35%) |
#254774 |
rgb(37,71,116) |
hsl(214,51%,30%) |
#1f3b60 |
rgb(31,59,96) |
hsl(214,51%,25%) |
#19304d |
rgb(25,48,77) |
hsl(214,51%,20%) |
#13243a |
rgb(19,36,58) |
hsl(214,51%,15%) |
#0c1827 |
rgb(12,24,39) |
hsl(214,51%,10%) |
#060c13 |
rgb(6,12,19) |
hsl(214,51%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31998E |
rgb(49,153,142) |
hsl(174,51%,40%) |
#315E99 |
rgb(49,94,153) |
hsl(214,51%,40%) |
#493099 |
rgb(73,48,153) |
hsl(254,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#386EB1 |
rgb(56,110,177) |
hsl(213,52%,46%) |
#315E99 |
rgb(49,94,153) |
hsl(214,51%,40%) |
#294F80 |
rgb(41,79,128) |
hsl(214,51%,33%) |
#214068 |
rgb(33,64,104) |
hsl(214,52%,27%) |
#19304F |
rgb(25,48,79) |
hsl(214,52%,20%) |
#112137 |
rgb(17,33,55) |
hsl(215,53%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#315E99 |
rgb(49,94,153) |
hsl(214,51%,40%) |
#993831 |
rgb(153,56,49) |
hsl(4,51%,40%) |
#929931 |
rgb(146,153,49) |
hsl(64,51%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315E99 |
rgb(49,94,153) |
hsl(214,51%,40%) |
#996B31 |
rgb(153,107,49) |
hsl(33,51%,40%) |
#319199 |
rgb(49,145,153) |
hsl(185,51%,40%) |
#929931 |
rgb(146,153,49) |
hsl(64,51%,40%) |