HEX #307A8B color — Calypso
The color #307A8B is a dark shade and moderately saturated.
Palette
307A8B color palette from light to dark
HEX |
RGB |
HSL |
#f4fafb |
rgb(244,250,251) |
hsl(191,49%,97%) |
#e1f1f5 |
rgb(225,241,245) |
hsl(191,49%,92%) |
#cee8ee |
rgb(206,232,238) |
hsl(191,49%,87%) |
#bbdfe8 |
rgb(187,223,232) |
hsl(191,49%,82%) |
#a8d7e1 |
rgb(168,215,225) |
hsl(191,49%,77%) |
#95cedb |
rgb(149,206,219) |
hsl(191,49%,72%) |
#82c5d4 |
rgb(130,197,212) |
hsl(191,49%,67%) |
#6fbcce |
rgb(111,188,206) |
hsl(191,49%,62%) |
#5cb3c7 |
rgb(92,179,199) |
hsl(191,49%,57%) |
#49abc1 |
rgb(73,171,193) |
hsl(191,49%,52%) |
#3d9db3 |
rgb(61,157,179) |
hsl(191,49%,47%) |
#378ca0 |
rgb(55,140,160) |
hsl(191,49%,42%) |
#307c8d |
rgb(48,124,141) |
hsl(191,49%,37%) |
#2a6b7a |
rgb(42,107,122) |
hsl(191,49%,32%) |
#235a67 |
rgb(35,90,103) |
hsl(191,49%,27%) |
#1d4a54 |
rgb(29,74,84) |
hsl(191,49%,22%) |
#163941 |
rgb(22,57,65) |
hsl(191,49%,17%) |
#10282e |
rgb(16,40,46) |
hsl(191,49%,12%) |
#09171b |
rgb(9,23,27) |
hsl(191,49%,7%) |
#030708 |
rgb(3,7,8) |
hsl(191,49%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#308C5F |
rgb(48,140,95) |
hsl(151,49%,37%) |
#307A8B |
rgb(48,122,139) |
hsl(191,49%,37%) |
#303D8B |
rgb(48,61,139) |
hsl(231,49%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#378CA1 |
rgb(55,140,161) |
hsl(192,49%,42%) |
#307A8B |
rgb(48,122,139) |
hsl(191,49%,37%) |
#286674 |
rgb(40,102,116) |
hsl(191,49%,31%) |
#20545E |
rgb(32,84,94) |
hsl(190,49%,25%) |
#184048 |
rgb(24,64,72) |
hsl(190,50%,19%) |
#112B32 |
rgb(17,43,50) |
hsl(193,49%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#307A8B |
rgb(48,122,139) |
hsl(191,49%,37%) |
#8B304C |
rgb(139,48,76) |
hsl(342,49%,37%) |
#8B6E30 |
rgb(139,110,48) |
hsl(41,49%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307A8B |
rgb(48,122,139) |
hsl(191,49%,37%) |
#8B4030 |
rgb(139,64,48) |
hsl(11,49%,37%) |
#308C6E |
rgb(48,140,110) |
hsl(160,49%,37%) |
#8B6E30 |
rgb(139,110,48) |
hsl(41,49%,37%) |