HEX #307A89 color — Calypso
The color #307A89 is a dark shade and moderately saturated.
Palette
307A89 color palette from light to dark
HEX |
RGB |
HSL |
#f0f8fa |
rgb(240,248,250) |
hsl(190,48%,96%) |
#ddeff3 |
rgb(221,239,243) |
hsl(190,48%,91%) |
#cae7ec |
rgb(202,231,236) |
hsl(190,48%,86%) |
#b7dee6 |
rgb(183,222,230) |
hsl(190,48%,81%) |
#a4d5df |
rgb(164,213,223) |
hsl(190,48%,76%) |
#92cdd9 |
rgb(146,205,217) |
hsl(190,48%,71%) |
#7fc4d2 |
rgb(127,196,210) |
hsl(190,48%,66%) |
#6cbbcb |
rgb(108,187,203) |
hsl(190,48%,61%) |
#59b3c5 |
rgb(89,179,197) |
hsl(190,48%,56%) |
#46aabe |
rgb(70,170,190) |
hsl(190,48%,51%) |
#3d9bae |
rgb(61,155,174) |
hsl(190,48%,46%) |
#368a9b |
rgb(54,138,155) |
hsl(190,48%,41%) |
#307988 |
rgb(48,121,136) |
hsl(190,48%,36%) |
#296875 |
rgb(41,104,117) |
hsl(190,48%,31%) |
#225862 |
rgb(34,88,98) |
hsl(190,48%,26%) |
#1c474f |
rgb(28,71,79) |
hsl(190,48%,21%) |
#15363c |
rgb(21,54,60) |
hsl(190,48%,16%) |
#0f252a |
rgb(15,37,42) |
hsl(190,48%,11%) |
#081417 |
rgb(8,20,23) |
hsl(190,48%,6%) |
#010304 |
rgb(1,3,4) |
hsl(190,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#308A5C |
rgb(48,138,92) |
hsl(149,48%,36%) |
#307A89 |
rgb(48,122,137) |
hsl(190,48%,36%) |
#304089 |
rgb(48,64,137) |
hsl(229,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#378C9E |
rgb(55,140,158) |
hsl(190,48%,42%) |
#307A89 |
rgb(48,122,137) |
hsl(190,48%,36%) |
#286673 |
rgb(40,102,115) |
hsl(190,48%,30%) |
#20545D |
rgb(32,84,93) |
hsl(189,49%,25%) |
#184047 |
rgb(24,64,71) |
hsl(189,49%,19%) |
#112B31 |
rgb(17,43,49) |
hsl(191,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#307A89 |
rgb(48,122,137) |
hsl(190,48%,36%) |
#89304D |
rgb(137,48,77) |
hsl(340,48%,36%) |
#896B30 |
rgb(137,107,48) |
hsl(40,48%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307A89 |
rgb(48,122,137) |
hsl(190,48%,36%) |
#894030 |
rgb(137,64,48) |
hsl(11,48%,36%) |
#308A6B |
rgb(48,138,107) |
hsl(159,48%,36%) |
#896B30 |
rgb(137,107,48) |
hsl(40,48%,36%) |