HEX #306E87 color — Calypso
The color #306E87 is a dark shade and moderately saturated.
Palette
306E87 color palette from light to dark
HEX |
RGB |
HSL |
#f0f7fa |
rgb(240,247,250) |
hsl(197,48%,96%) |
#ddedf3 |
rgb(221,237,243) |
hsl(197,48%,91%) |
#cae3ec |
rgb(202,227,236) |
hsl(197,48%,86%) |
#b7d9e6 |
rgb(183,217,230) |
hsl(197,48%,81%) |
#a4cfdf |
rgb(164,207,223) |
hsl(197,48%,76%) |
#92c4d9 |
rgb(146,196,217) |
hsl(197,48%,71%) |
#7fbad2 |
rgb(127,186,210) |
hsl(197,48%,66%) |
#6cb0cb |
rgb(108,176,203) |
hsl(197,48%,61%) |
#59a6c5 |
rgb(89,166,197) |
hsl(197,48%,56%) |
#469cbe |
rgb(70,156,190) |
hsl(197,48%,51%) |
#3d8eae |
rgb(61,142,174) |
hsl(197,48%,46%) |
#367e9b |
rgb(54,126,155) |
hsl(197,48%,41%) |
#306f88 |
rgb(48,111,136) |
hsl(197,48%,36%) |
#295f75 |
rgb(41,95,117) |
hsl(197,48%,31%) |
#225062 |
rgb(34,80,98) |
hsl(197,48%,26%) |
#1c414f |
rgb(28,65,79) |
hsl(197,48%,21%) |
#15313c |
rgb(21,49,60) |
hsl(197,48%,16%) |
#0f222a |
rgb(15,34,42) |
hsl(197,48%,11%) |
#081217 |
rgb(8,18,23) |
hsl(197,48%,6%) |
#010304 |
rgb(1,3,4) |
hsl(197,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#308766 |
rgb(48,135,102) |
hsl(157,48%,36%) |
#306E87 |
rgb(48,110,135) |
hsl(197,48%,36%) |
#303387 |
rgb(48,51,135) |
hsl(238,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37809C |
rgb(55,128,156) |
hsl(197,48%,41%) |
#306E87 |
rgb(48,110,135) |
hsl(197,48%,36%) |
#285C71 |
rgb(40,92,113) |
hsl(197,48%,30%) |
#204A5B |
rgb(32,74,91) |
hsl(197,48%,24%) |
#183846 |
rgb(24,56,70) |
hsl(198,49%,18%) |
#112930 |
rgb(17,41,48) |
hsl(194,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#306E87 |
rgb(48,110,135) |
hsl(197,48%,36%) |
#873042 |
rgb(135,48,66) |
hsl(348,48%,36%) |
#877530 |
rgb(135,117,48) |
hsl(48,48%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306E87 |
rgb(48,110,135) |
hsl(197,48%,36%) |
#874A30 |
rgb(135,74,48) |
hsl(18,48%,36%) |
#308774 |
rgb(48,135,116) |
hsl(167,48%,36%) |
#877530 |
rgb(135,117,48) |
hsl(48,48%,36%) |