HEX #306588 color — Calypso
The color #306588 is a dark shade and moderately saturated.
Palette
306588 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 |
#308770 |
rgb(48,135,112) |
hsl(164,48%,36%) |
#306588 |
rgb(48,101,136) |
hsl(204,48%,36%) |
#353088 |
rgb(53,48,136) |
hsl(243,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37759D |
rgb(55,117,157) |
hsl(204,48%,42%) |
#306588 |
rgb(48,101,136) |
hsl(204,48%,36%) |
#285472 |
rgb(40,84,114) |
hsl(204,48%,30%) |
#20455C |
rgb(32,69,92) |
hsl(203,48%,24%) |
#183646 |
rgb(24,54,70) |
hsl(201,49%,18%) |
#112430 |
rgb(17,36,48) |
hsl(203,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#306588 |
rgb(48,101,136) |
hsl(204,48%,36%) |
#883039 |
rgb(136,48,57) |
hsl(354,48%,36%) |
#888030 |
rgb(136,128,48) |
hsl(55,48%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306588 |
rgb(48,101,136) |
hsl(204,48%,36%) |
#885430 |
rgb(136,84,48) |
hsl(25,48%,36%) |
#30877F |
rgb(48,135,127) |
hsl(174,48%,36%) |
#888030 |
rgb(136,128,48) |
hsl(55,48%,36%) |