HEX #307A8E color — Calypso
The color #307A8E is a dark shade and moderately saturated.
Palette
307A8E color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fb |
rgb(244,249,251) |
hsl(193,49%,97%) |
#e1f0f5 |
rgb(225,240,245) |
hsl(193,49%,92%) |
#cee7ee |
rgb(206,231,238) |
hsl(193,49%,87%) |
#bbdee8 |
rgb(187,222,232) |
hsl(193,49%,82%) |
#a8d5e1 |
rgb(168,213,225) |
hsl(193,49%,77%) |
#95cbdb |
rgb(149,203,219) |
hsl(193,49%,72%) |
#82c2d4 |
rgb(130,194,212) |
hsl(193,49%,67%) |
#6fb9ce |
rgb(111,185,206) |
hsl(193,49%,62%) |
#5cb0c7 |
rgb(92,176,199) |
hsl(193,49%,57%) |
#49a7c1 |
rgb(73,167,193) |
hsl(193,49%,52%) |
#3d99b3 |
rgb(61,153,179) |
hsl(193,49%,47%) |
#3789a0 |
rgb(55,137,160) |
hsl(193,49%,42%) |
#30798d |
rgb(48,121,141) |
hsl(193,49%,37%) |
#2a687a |
rgb(42,104,122) |
hsl(193,49%,32%) |
#235867 |
rgb(35,88,103) |
hsl(193,49%,27%) |
#1d4854 |
rgb(29,72,84) |
hsl(193,49%,22%) |
#163741 |
rgb(22,55,65) |
hsl(193,49%,17%) |
#10272e |
rgb(16,39,46) |
hsl(193,49%,12%) |
#09171b |
rgb(9,23,27) |
hsl(193,49%,7%) |
#030708 |
rgb(3,7,8) |
hsl(193,49%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#308F63 |
rgb(48,143,99) |
hsl(152,50%,37%) |
#307A8E |
rgb(48,122,142) |
hsl(193,49%,37%) |
#303B8E |
rgb(48,59,142) |
hsl(233,49%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#378CA4 |
rgb(55,140,164) |
hsl(193,50%,43%) |
#307A8E |
rgb(48,122,142) |
hsl(193,49%,37%) |
#286677 |
rgb(40,102,119) |
hsl(193,50%,31%) |
#205460 |
rgb(32,84,96) |
hsl(191,50%,25%) |
#184049 |
rgb(24,64,73) |
hsl(191,51%,19%) |
#112B33 |
rgb(17,43,51) |
hsl(194,50%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#307A8E |
rgb(48,122,142) |
hsl(193,49%,37%) |
#8E304B |
rgb(142,48,75) |
hsl(343,49%,37%) |
#8E7330 |
rgb(142,115,48) |
hsl(43,49%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307A8E |
rgb(48,122,142) |
hsl(193,49%,37%) |
#8E4530 |
rgb(142,69,48) |
hsl(13,49%,37%) |
#308F73 |
rgb(48,143,115) |
hsl(162,50%,37%) |
#8E7330 |
rgb(142,115,48) |
hsl(43,49%,37%) |