HEX #336186 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336186 color palette from light to dark

HEX RGB HSL
#f0f5f9 rgb(240,245,249) hsl(207,45%,96%)
#dee9f2 rgb(222,233,242) hsl(207,45%,91%)
#cbddeb rgb(203,221,235) hsl(207,45%,86%)
#b9d1e4 rgb(185,209,228) hsl(207,45%,81%)
#a6c5dd rgb(166,197,221) hsl(207,45%,76%)
#94b8d6 rgb(148,184,214) hsl(207,45%,71%)
#81accf rgb(129,172,207) hsl(207,45%,66%)
#6fa0c8 rgb(111,160,200) hsl(207,45%,61%)
#5c94c1 rgb(92,148,193) hsl(207,45%,56%)
#4a88ba rgb(74,136,186) hsl(207,45%,51%)
#417baa rgb(65,123,170) hsl(207,45%,46%)
#3a6d98 rgb(58,109,152) hsl(207,45%,41%)
#326085 rgb(50,96,133) hsl(207,45%,36%)
#2b5373 rgb(43,83,115) hsl(207,45%,31%)
#244560 rgb(36,69,96) hsl(207,45%,26%)
#1d384e rgb(29,56,78) hsl(207,45%,21%)
#162b3b rgb(22,43,59) hsl(207,45%,16%)
#0f1d29 rgb(15,29,41) hsl(207,45%,11%)
#081016 rgb(8,16,22) hsl(207,45%,6%)
#010304 rgb(1,3,4) hsl(207,45%,1%)

Adjacent colors

HEX RGB HSL
#338773 rgb(51,135,115) hsl(166,45%,36%)
#336186 rgb(51,97,134) hsl(207,45%,36%)
#3C3386 rgb(60,51,134) hsl(247,45%,36%)

Monochromatic colors

HEX RGB HSL
#3B709B rgb(59,112,155) hsl(207,45%,42%)
#336186 rgb(51,97,134) hsl(207,45%,36%)
#2A5270 rgb(42,82,112) hsl(206,45%,30%)
#22425B rgb(34,66,91) hsl(206,46%,25%)
#1A3345 rgb(26,51,69) hsl(205,45%,19%)
#122430 rgb(18,36,48) hsl(204,45%,13%)

Triad color palettes

HEX RGB HSL
#336186 rgb(51,97,134) hsl(207,45%,36%)
#863337 rgb(134,51,55) hsl(357,45%,36%)
#868233 rgb(134,130,51) hsl(57,45%,36%)

Tetrad color palettes

HEX RGB HSL
#336186 rgb(51,97,134) hsl(207,45%,36%)
#865933 rgb(134,89,51) hsl(27,45%,36%)
#338781 rgb(51,135,129) hsl(176,45%,36%)
#868233 rgb(134,130,51) hsl(57,45%,36%)