HEX #306687 color — Calypso
The color #306687 is a dark shade and moderately saturated.
Palette
306687 color palette from light to dark
HEX |
RGB |
HSL |
#f0f6fa |
rgb(240,246,250) |
hsl(203,48%,96%) |
#ddebf3 |
rgb(221,235,243) |
hsl(203,48%,91%) |
#cadfec |
rgb(202,223,236) |
hsl(203,48%,86%) |
#b7d4e6 |
rgb(183,212,230) |
hsl(203,48%,81%) |
#a4c9df |
rgb(164,201,223) |
hsl(203,48%,76%) |
#92bdd9 |
rgb(146,189,217) |
hsl(203,48%,71%) |
#7fb2d2 |
rgb(127,178,210) |
hsl(203,48%,66%) |
#6ca7cb |
rgb(108,167,203) |
hsl(203,48%,61%) |
#599bc5 |
rgb(89,155,197) |
hsl(203,48%,56%) |
#4690be |
rgb(70,144,190) |
hsl(203,48%,51%) |
#3d82ae |
rgb(61,130,174) |
hsl(203,48%,46%) |
#36749b |
rgb(54,116,155) |
hsl(203,48%,41%) |
#306688 |
rgb(48,102,136) |
hsl(203,48%,36%) |
#295875 |
rgb(41,88,117) |
hsl(203,48%,31%) |
#224a62 |
rgb(34,74,98) |
hsl(203,48%,26%) |
#1c3c4f |
rgb(28,60,79) |
hsl(203,48%,21%) |
#152d3c |
rgb(21,45,60) |
hsl(203,48%,16%) |
#0f1f2a |
rgb(15,31,42) |
hsl(203,48%,11%) |
#081117 |
rgb(8,17,23) |
hsl(203,48%,6%) |
#010304 |
rgb(1,3,4) |
hsl(203,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30876E |
rgb(48,135,110) |
hsl(163,48%,36%) |
#306687 |
rgb(48,102,135) |
hsl(203,48%,36%) |
#343087 |
rgb(52,48,135) |
hsl(243,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37759C |
rgb(55,117,156) |
hsl(203,48%,41%) |
#306687 |
rgb(48,102,135) |
hsl(203,48%,36%) |
#285771 |
rgb(40,87,113) |
hsl(201,48%,30%) |
#20455B |
rgb(32,69,91) |
hsl(202,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 |
#306687 |
rgb(48,102,135) |
hsl(203,48%,36%) |
#87303A |
rgb(135,48,58) |
hsl(353,48%,36%) |
#877D30 |
rgb(135,125,48) |
hsl(53,48%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306687 |
rgb(48,102,135) |
hsl(203,48%,36%) |
#875230 |
rgb(135,82,48) |
hsl(23,48%,36%) |
#30877C |
rgb(48,135,124) |
hsl(172,48%,36%) |
#877D30 |
rgb(135,125,48) |
hsl(53,48%,36%) |