HEX #336686 color — Calypso

The color #336686 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)