HEX #31708E color — Calypso
The color #31708E is a dark shade and moderately saturated.
Palette
31708E color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fb |
rgb(244,249,251) |
hsl(199,49%,97%) |
#e1eef5 |
rgb(225,238,245) |
hsl(199,49%,92%) |
#cee4ee |
rgb(206,228,238) |
hsl(199,49%,87%) |
#bbd9e8 |
rgb(187,217,232) |
hsl(199,49%,82%) |
#a8cfe1 |
rgb(168,207,225) |
hsl(199,49%,77%) |
#95c4db |
rgb(149,196,219) |
hsl(199,49%,72%) |
#82bad4 |
rgb(130,186,212) |
hsl(199,49%,67%) |
#6fb0ce |
rgb(111,176,206) |
hsl(199,49%,62%) |
#5ca5c7 |
rgb(92,165,199) |
hsl(199,49%,57%) |
#499bc1 |
rgb(73,155,193) |
hsl(199,49%,52%) |
#3d8db3 |
rgb(61,141,179) |
hsl(199,49%,47%) |
#377ea0 |
rgb(55,126,160) |
hsl(199,49%,42%) |
#306f8d |
rgb(48,111,141) |
hsl(199,49%,37%) |
#2a607a |
rgb(42,96,122) |
hsl(199,49%,32%) |
#235167 |
rgb(35,81,103) |
hsl(199,49%,27%) |
#1d4254 |
rgb(29,66,84) |
hsl(199,49%,22%) |
#163341 |
rgb(22,51,65) |
hsl(199,49%,17%) |
#10242e |
rgb(16,36,46) |
hsl(199,49%,12%) |
#09151b |
rgb(9,21,27) |
hsl(199,49%,7%) |
#030608 |
rgb(3,6,8) |
hsl(199,49%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#318F6E |
rgb(49,143,110) |
hsl(159,49%,38%) |
#31708E |
rgb(49,112,142) |
hsl(199,49%,37%) |
#31338E |
rgb(49,51,142) |
hsl(239,49%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3882A4 |
rgb(56,130,164) |
hsl(199,49%,43%) |
#31708E |
rgb(49,112,142) |
hsl(199,49%,37%) |
#295E77 |
rgb(41,94,119) |
hsl(199,49%,31%) |
#214D60 |
rgb(33,77,96) |
hsl(198,49%,25%) |
#193B49 |
rgb(25,59,73) |
hsl(198,49%,19%) |
#112933 |
rgb(17,41,51) |
hsl(198,50%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#31708E |
rgb(49,112,142) |
hsl(199,49%,37%) |
#8E3041 |
rgb(142,48,65) |
hsl(349,49%,37%) |
#8E7D31 |
rgb(142,125,49) |
hsl(49,49%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#31708E |
rgb(49,112,142) |
hsl(199,49%,37%) |
#8E4F31 |
rgb(142,79,49) |
hsl(19,49%,37%) |
#318F7D |
rgb(49,143,125) |
hsl(169,49%,38%) |
#8E7D31 |
rgb(142,125,49) |
hsl(49,49%,37%) |