HEX #30708E color — Calypso
The color #30708E is a dark shade and moderately saturated.
Palette
30708E 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 |
#308F6D |
rgb(48,143,109) |
hsl(159,50%,37%) |
#30708E |
rgb(48,112,142) |
hsl(199,49%,37%) |
#30308E |
rgb(48,48,142) |
hsl(240,49%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3782A4 |
rgb(55,130,164) |
hsl(199,50%,43%) |
#30708E |
rgb(48,112,142) |
hsl(199,49%,37%) |
#285E77 |
rgb(40,94,119) |
hsl(199,50%,31%) |
#204D60 |
rgb(32,77,96) |
hsl(198,50%,25%) |
#183B49 |
rgb(24,59,73) |
hsl(197,51%,19%) |
#112933 |
rgb(17,41,51) |
hsl(198,50%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#30708E |
rgb(48,112,142) |
hsl(199,49%,37%) |
#8E3041 |
rgb(142,48,65) |
hsl(349,49%,37%) |
#8E7D30 |
rgb(142,125,48) |
hsl(49,49%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#30708E |
rgb(48,112,142) |
hsl(199,49%,37%) |
#8E4F30 |
rgb(142,79,48) |
hsl(20,49%,37%) |
#308F7D |
rgb(48,143,125) |
hsl(169,50%,37%) |
#8E7D30 |
rgb(142,125,48) |
hsl(49,49%,37%) |