HEX #336987 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336987 color palette from light to dark

HEX RGB HSL
#f0f6f9 rgb(240,246,249) hsl(201,45%,96%)
#deebf2 rgb(222,235,242) hsl(201,45%,91%)
#cbe0eb rgb(203,224,235) hsl(201,45%,86%)
#b9d5e4 rgb(185,213,228) hsl(201,45%,81%)
#a6cadd rgb(166,202,221) hsl(201,45%,76%)
#94bfd6 rgb(148,191,214) hsl(201,45%,71%)
#81b4cf rgb(129,180,207) hsl(201,45%,66%)
#6fa9c8 rgb(111,169,200) hsl(201,45%,61%)
#5c9ec1 rgb(92,158,193) hsl(201,45%,56%)
#4a93ba rgb(74,147,186) hsl(201,45%,51%)
#4185aa rgb(65,133,170) hsl(201,45%,46%)
#3a7798 rgb(58,119,152) hsl(201,45%,41%)
#326885 rgb(50,104,133) hsl(201,45%,36%)
#2b5a73 rgb(43,90,115) hsl(201,45%,31%)
#244b60 rgb(36,75,96) hsl(201,45%,26%)
#1d3d4e rgb(29,61,78) hsl(201,45%,21%)
#162e3b rgb(22,46,59) hsl(201,45%,16%)
#0f2029 rgb(15,32,41) hsl(201,45%,11%)
#081116 rgb(8,17,22) hsl(201,45%,6%)
#010304 rgb(1,3,4) hsl(201,45%,1%)

Adjacent colors

HEX RGB HSL
#33876D rgb(51,135,109) hsl(161,45%,36%)
#336987 rgb(51,105,135) hsl(201,45%,36%)
#353387 rgb(53,51,135) hsl(241,45%,36%)

Monochromatic colors

HEX RGB HSL
#3B7A9C rgb(59,122,156) hsl(201,45%,42%)
#336987 rgb(51,105,135) hsl(201,45%,36%)
#2A5971 rgb(42,89,113) hsl(200,46%,30%)
#22475B rgb(34,71,91) hsl(201,46%,25%)
#1A3646 rgb(26,54,70) hsl(202,46%,19%)
#122630 rgb(18,38,48) hsl(200,45%,13%)

Triad color palettes

HEX RGB HSL
#336987 rgb(51,105,135) hsl(201,45%,36%)
#87333F rgb(135,51,63) hsl(351,45%,36%)
#877A33 rgb(135,122,51) hsl(51,45%,36%)

Tetrad color palettes

HEX RGB HSL
#336987 rgb(51,105,135) hsl(201,45%,36%)
#875233 rgb(135,82,51) hsl(22,45%,36%)
#33877B rgb(51,135,123) hsl(171,45%,36%)
#877A33 rgb(135,122,51) hsl(51,45%,36%)