HEX #336686 color — Calypso
The color #336686 is a dark shade and moderately saturated.
Palette
336686 color palette from light to dark
HEX |
RGB |
HSL |
#f0f6f9 |
rgb(240,246,249) |
hsl(203,45%,96%) |
#deeaf2 |
rgb(222,234,242) |
hsl(203,45%,91%) |
#cbdfeb |
rgb(203,223,235) |
hsl(203,45%,86%) |
#b9d4e4 |
rgb(185,212,228) |
hsl(203,45%,81%) |
#a6c8dd |
rgb(166,200,221) |
hsl(203,45%,76%) |
#94bdd6 |
rgb(148,189,214) |
hsl(203,45%,71%) |
#81b1cf |
rgb(129,177,207) |
hsl(203,45%,66%) |
#6fa6c8 |
rgb(111,166,200) |
hsl(203,45%,61%) |
#5c9bc1 |
rgb(92,155,193) |
hsl(203,45%,56%) |
#4a8fba |
rgb(74,143,186) |
hsl(203,45%,51%) |
#4182aa |
rgb(65,130,170) |
hsl(203,45%,46%) |
#3a7498 |
rgb(58,116,152) |
hsl(203,45%,41%) |
#326585 |
rgb(50,101,133) |
hsl(203,45%,36%) |
#2b5773 |
rgb(43,87,115) |
hsl(203,45%,31%) |
#244960 |
rgb(36,73,96) |
hsl(203,45%,26%) |
#1d3b4e |
rgb(29,59,78) |
hsl(203,45%,21%) |
#162d3b |
rgb(22,45,59) |
hsl(203,45%,16%) |
#0f1f29 |
rgb(15,31,41) |
hsl(203,45%,11%) |
#081116 |
rgb(8,17,22) |
hsl(203,45%,6%) |
#010304 |
rgb(1,3,4) |
hsl(203,45%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33876E |
rgb(51,135,110) |
hsl(162,45%,36%) |
#336686 |
rgb(51,102,134) |
hsl(203,45%,36%) |
#373386 |
rgb(55,51,134) |
hsl(243,45%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B759B |
rgb(59,117,155) |
hsl(204,45%,42%) |
#336686 |
rgb(51,102,134) |
hsl(203,45%,36%) |
#2A5770 |
rgb(42,87,112) |
hsl(201,45%,30%) |
#22455B |
rgb(34,69,91) |
hsl(203,46%,25%) |
#1A3645 |
rgb(26,54,69) |
hsl(201,45%,19%) |
#122430 |
rgb(18,36,48) |
hsl(204,45%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#336686 |
rgb(51,102,134) |
hsl(203,45%,36%) |
#86333C |
rgb(134,51,60) |
hsl(353,45%,36%) |
#867D33 |
rgb(134,125,51) |
hsl(53,45%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336686 |
rgb(51,102,134) |
hsl(203,45%,36%) |
#865433 |
rgb(134,84,51) |
hsl(24,45%,36%) |
#33877C |
rgb(51,135,124) |
hsl(172,45%,36%) |
#867D33 |
rgb(134,125,51) |
hsl(53,45%,36%) |