HEX #336687 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

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