HEX #336687 color — Calypso
The color #336687 is a dark shade and moderately saturated.
Palette
336687 color palette from light to dark
HEX |
RGB |
HSL |
#f0f6f9 |
rgb(240,246,249) |
hsl(204,45%,96%) |
#deeaf2 |
rgb(222,234,242) |
hsl(204,45%,91%) |
#cbdfeb |
rgb(203,223,235) |
hsl(204,45%,86%) |
#b9d3e4 |
rgb(185,211,228) |
hsl(204,45%,81%) |
#a6c7dd |
rgb(166,199,221) |
hsl(204,45%,76%) |
#94bcd6 |
rgb(148,188,214) |
hsl(204,45%,71%) |
#81b0cf |
rgb(129,176,207) |
hsl(204,45%,66%) |
#6fa5c8 |
rgb(111,165,200) |
hsl(204,45%,61%) |
#5c99c1 |
rgb(92,153,193) |
hsl(204,45%,56%) |
#4a8dba |
rgb(74,141,186) |
hsl(204,45%,51%) |
#4180aa |
rgb(65,128,170) |
hsl(204,45%,46%) |
#3a7298 |
rgb(58,114,152) |
hsl(204,45%,41%) |
#326485 |
rgb(50,100,133) |
hsl(204,45%,36%) |
#2b5673 |
rgb(43,86,115) |
hsl(204,45%,31%) |
#244860 |
rgb(36,72,96) |
hsl(204,45%,26%) |
#1d3a4e |
rgb(29,58,78) |
hsl(204,45%,21%) |
#162c3b |
rgb(22,44,59) |
hsl(204,45%,16%) |
#0f1f29 |
rgb(15,31,41) |
hsl(204,45%,11%) |
#081116 |
rgb(8,17,22) |
hsl(204,45%,6%) |
#010304 |
rgb(1,3,4) |
hsl(204,45%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#338770 |
rgb(51,135,112) |
hsl(164,45%,36%) |
#336687 |
rgb(51,102,135) |
hsl(204,45%,36%) |
#383387 |
rgb(56,51,135) |
hsl(244,45%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B759C |
rgb(59,117,156) |
hsl(204,45%,42%) |
#336687 |
rgb(51,102,135) |
hsl(204,45%,36%) |
#2A5771 |
rgb(42,87,113) |
hsl(202,46%,30%) |
#22455B |
rgb(34,69,91) |
hsl(203,46%,25%) |
#1A3646 |
rgb(26,54,70) |
hsl(202,46%,19%) |
#122430 |
rgb(18,36,48) |
hsl(204,45%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#336687 |
rgb(51,102,135) |
hsl(204,45%,36%) |
#87333C |
rgb(135,51,60) |
hsl(354,45%,36%) |
#877D33 |
rgb(135,125,51) |
hsl(53,45%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336687 |
rgb(51,102,135) |
hsl(204,45%,36%) |
#875433 |
rgb(135,84,51) |
hsl(24,45%,36%) |
#33877E |
rgb(51,135,126) |
hsl(174,45%,36%) |
#877D33 |
rgb(135,125,51) |
hsl(53,45%,36%) |