HEX #336986 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336986 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
#33876B rgb(51,135,107) hsl(160,45%,36%)
#336986 rgb(51,105,134) hsl(201,45%,36%)
#343386 rgb(52,51,134) hsl(241,45%,36%)

Monochromatic colors

HEX RGB HSL
#3B7A9B rgb(59,122,155) hsl(201,45%,42%)
#336986 rgb(51,105,134) hsl(201,45%,36%)
#2A5970 rgb(42,89,112) hsl(200,45%,30%)
#22475B rgb(34,71,91) hsl(201,46%,25%)
#1A3645 rgb(26,54,69) hsl(201,45%,19%)
#122630 rgb(18,38,48) hsl(200,45%,13%)

Triad color palettes

HEX RGB HSL
#336986 rgb(51,105,134) hsl(201,45%,36%)
#86333F rgb(134,51,63) hsl(351,45%,36%)
#867A33 rgb(134,122,51) hsl(51,45%,36%)

Tetrad color palettes

HEX RGB HSL
#336986 rgb(51,105,134) hsl(201,45%,36%)
#864F33 rgb(134,79,51) hsl(20,45%,36%)
#338779 rgb(51,135,121) hsl(170,45%,36%)
#867A33 rgb(134,122,51) hsl(51,45%,36%)