HEX #306689 color — Calypso
The color #306689 is a dark shade and moderately saturated.
Palette
306689 color palette from light to dark
HEX |
RGB |
HSL |
#f0f6fa |
rgb(240,246,250) |
hsl(204,48%,96%) |
#ddeaf3 |
rgb(221,234,243) |
hsl(204,48%,91%) |
#cadfec |
rgb(202,223,236) |
hsl(204,48%,86%) |
#b7d3e6 |
rgb(183,211,230) |
hsl(204,48%,81%) |
#a4c8df |
rgb(164,200,223) |
hsl(204,48%,76%) |
#92bcd9 |
rgb(146,188,217) |
hsl(204,48%,71%) |
#7fb1d2 |
rgb(127,177,210) |
hsl(204,48%,66%) |
#6ca5cb |
rgb(108,165,203) |
hsl(204,48%,61%) |
#599ac5 |
rgb(89,154,197) |
hsl(204,48%,56%) |
#468ebe |
rgb(70,142,190) |
hsl(204,48%,51%) |
#3d81ae |
rgb(61,129,174) |
hsl(204,48%,46%) |
#36739b |
rgb(54,115,155) |
hsl(204,48%,41%) |
#306588 |
rgb(48,101,136) |
hsl(204,48%,36%) |
#295775 |
rgb(41,87,117) |
hsl(204,48%,31%) |
#224962 |
rgb(34,73,98) |
hsl(204,48%,26%) |
#1c3b4f |
rgb(28,59,79) |
hsl(204,48%,21%) |
#152d3c |
rgb(21,45,60) |
hsl(204,48%,16%) |
#0f1f2a |
rgb(15,31,42) |
hsl(204,48%,11%) |
#081117 |
rgb(8,17,23) |
hsl(204,48%,6%) |
#010304 |
rgb(1,3,4) |
hsl(204,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#308A70 |
rgb(48,138,112) |
hsl(163,48%,36%) |
#306689 |
rgb(48,102,137) |
hsl(204,48%,36%) |
#353089 |
rgb(53,48,137) |
hsl(243,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37759E |
rgb(55,117,158) |
hsl(204,48%,42%) |
#306689 |
rgb(48,102,137) |
hsl(204,48%,36%) |
#285773 |
rgb(40,87,115) |
hsl(202,48%,30%) |
#20455D |
rgb(32,69,93) |
hsl(204,49%,25%) |
#183647 |
rgb(24,54,71) |
hsl(202,49%,19%) |
#112431 |
rgb(17,36,49) |
hsl(204,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#306689 |
rgb(48,102,137) |
hsl(204,48%,36%) |
#893039 |
rgb(137,48,57) |
hsl(354,48%,36%) |
#898030 |
rgb(137,128,48) |
hsl(54,48%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306689 |
rgb(48,102,137) |
hsl(204,48%,36%) |
#895430 |
rgb(137,84,48) |
hsl(24,48%,36%) |
#308A7F |
rgb(48,138,127) |
hsl(173,48%,36%) |
#898030 |
rgb(137,128,48) |
hsl(54,48%,36%) |