HEX #307A8F color — Calypso
The color #307A8F is a dark shade and moderately saturated.
Palette
307A8F color palette from light to dark
HEX |
RGB |
HSL |
#f4fafb |
rgb(244,250,251) |
hsl(193,50%,97%) |
#e0f0f5 |
rgb(224,240,245) |
hsl(193,50%,92%) |
#cde7ee |
rgb(205,231,238) |
hsl(193,50%,87%) |
#badee8 |
rgb(186,222,232) |
hsl(193,50%,82%) |
#a7d5e2 |
rgb(167,213,226) |
hsl(193,50%,77%) |
#94ccdb |
rgb(148,204,219) |
hsl(193,50%,72%) |
#81c3d5 |
rgb(129,195,213) |
hsl(193,50%,67%) |
#6ebacf |
rgb(110,186,207) |
hsl(193,50%,62%) |
#5bb0c8 |
rgb(91,176,200) |
hsl(193,50%,57%) |
#47a7c2 |
rgb(71,167,194) |
hsl(193,50%,52%) |
#3c9ab4 |
rgb(60,154,180) |
hsl(193,50%,47%) |
#3689a1 |
rgb(54,137,161) |
hsl(193,50%,42%) |
#2f798e |
rgb(47,121,142) |
hsl(193,50%,37%) |
#29697a |
rgb(41,105,122) |
hsl(193,50%,32%) |
#225867 |
rgb(34,88,103) |
hsl(193,50%,27%) |
#1c4854 |
rgb(28,72,84) |
hsl(193,50%,22%) |
#163841 |
rgb(22,56,65) |
hsl(193,50%,17%) |
#0f272e |
rgb(15,39,46) |
hsl(193,50%,12%) |
#09171b |
rgb(9,23,27) |
hsl(193,50%,7%) |
#030708 |
rgb(3,7,8) |
hsl(193,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#308F64 |
rgb(48,143,100) |
hsl(153,50%,37%) |
#307A8F |
rgb(48,122,143) |
hsl(193,50%,37%) |
#303B8F |
rgb(48,59,143) |
hsl(233,50%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#378CA5 |
rgb(55,140,165) |
hsl(194,50%,43%) |
#307A8F |
rgb(48,122,143) |
hsl(193,50%,37%) |
#286678 |
rgb(40,102,120) |
hsl(194,50%,31%) |
#205461 |
rgb(32,84,97) |
hsl(192,50%,25%) |
#18404A |
rgb(24,64,74) |
hsl(192,51%,19%) |
#112B33 |
rgb(17,43,51) |
hsl(194,50%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#307A8F |
rgb(48,122,143) |
hsl(193,50%,37%) |
#8F304A |
rgb(143,48,74) |
hsl(344,50%,37%) |
#8F7530 |
rgb(143,117,48) |
hsl(44,50%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307A8F |
rgb(48,122,143) |
hsl(193,50%,37%) |
#8F4530 |
rgb(143,69,48) |
hsl(13,50%,37%) |
#308F74 |
rgb(48,143,116) |
hsl(163,50%,37%) |
#8F7530 |
rgb(143,117,48) |
hsl(44,50%,37%) |