HEX #307D8C color — Calypso
The color #307D8C is a dark shade and moderately saturated.
Palette
307D8C color palette from light to dark
HEX |
RGB |
HSL |
#f4fafb |
rgb(244,250,251) |
hsl(190,49%,97%) |
#e1f1f5 |
rgb(225,241,245) |
hsl(190,49%,92%) |
#cee9ee |
rgb(206,233,238) |
hsl(190,49%,87%) |
#bbe0e8 |
rgb(187,224,232) |
hsl(190,49%,82%) |
#a8d8e1 |
rgb(168,216,225) |
hsl(190,49%,77%) |
#95cfdb |
rgb(149,207,219) |
hsl(190,49%,72%) |
#82c6d4 |
rgb(130,198,212) |
hsl(190,49%,67%) |
#6fbece |
rgb(111,190,206) |
hsl(190,49%,62%) |
#5cb5c7 |
rgb(92,181,199) |
hsl(190,49%,57%) |
#49adc1 |
rgb(73,173,193) |
hsl(190,49%,52%) |
#3d9fb3 |
rgb(61,159,179) |
hsl(190,49%,47%) |
#378ea0 |
rgb(55,142,160) |
hsl(190,49%,42%) |
#307d8d |
rgb(48,125,141) |
hsl(190,49%,37%) |
#2a6c7a |
rgb(42,108,122) |
hsl(190,49%,32%) |
#235b67 |
rgb(35,91,103) |
hsl(190,49%,27%) |
#1d4a54 |
rgb(29,74,84) |
hsl(190,49%,22%) |
#163a41 |
rgb(22,58,65) |
hsl(190,49%,17%) |
#10292e |
rgb(16,41,46) |
hsl(190,49%,12%) |
#09181b |
rgb(9,24,27) |
hsl(190,49%,7%) |
#030708 |
rgb(3,7,8) |
hsl(190,49%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#308C5D |
rgb(48,140,93) |
hsl(149,49%,37%) |
#307D8C |
rgb(48,125,140) |
hsl(190,49%,37%) |
#30408C |
rgb(48,64,140) |
hsl(230,49%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3791A2 |
rgb(55,145,162) |
hsl(190,49%,43%) |
#307D8C |
rgb(48,125,140) |
hsl(190,49%,37%) |
#286975 |
rgb(40,105,117) |
hsl(189,49%,31%) |
#20545F |
rgb(32,84,95) |
hsl(190,50%,25%) |
#184048 |
rgb(24,64,72) |
hsl(190,50%,19%) |
#112E32 |
rgb(17,46,50) |
hsl(187,49%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#307D8C |
rgb(48,125,140) |
hsl(190,49%,37%) |
#8C304F |
rgb(140,48,79) |
hsl(340,49%,37%) |
#8C6E30 |
rgb(140,110,48) |
hsl(40,49%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307D8C |
rgb(48,125,140) |
hsl(190,49%,37%) |
#8C4030 |
rgb(140,64,48) |
hsl(10,49%,37%) |
#308C6D |
rgb(48,140,109) |
hsl(160,49%,37%) |
#8C6E30 |
rgb(140,110,48) |
hsl(40,49%,37%) |