HEX #336996 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336996 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(207,49%,99%)
#e8f0f7 rgb(232,240,247) hsl(207,49%,94%)
#d5e4f1 rgb(213,228,241) hsl(207,49%,89%)
#c2d8ea rgb(194,216,234) hsl(207,49%,84%)
#afcce4 rgb(175,204,228) hsl(207,49%,79%)
#9cc0dd rgb(156,192,221) hsl(207,49%,74%)
#89b4d7 rgb(137,180,215) hsl(207,49%,69%)
#76a8d0 rgb(118,168,208) hsl(207,49%,64%)
#639cca rgb(99,156,202) hsl(207,49%,59%)
#508fc3 rgb(80,143,195) hsl(207,49%,54%)
#4083ba rgb(64,131,186) hsl(207,49%,49%)
#3976a7 rgb(57,118,167) hsl(207,49%,44%)
#336894 rgb(51,104,148) hsl(207,49%,39%)
#2c5b81 rgb(44,91,129) hsl(207,49%,34%)
#264e6e rgb(38,78,110) hsl(207,49%,29%)
#1f405b rgb(31,64,91) hsl(207,49%,24%)
#193348 rgb(25,51,72) hsl(207,49%,19%)
#122535 rgb(18,37,53) hsl(207,49%,14%)
#0c1822 rgb(12,24,34) hsl(207,49%,9%)
#050b0f rgb(5,11,15) hsl(207,49%,4%)

Adjacent colors

HEX RGB HSL
#339681 rgb(51,150,129) hsl(167,49%,39%)
#336996 rgb(51,105,150) hsl(207,49%,39%)
#3F3396 rgb(63,51,150) hsl(247,49%,39%)

Monochromatic colors

HEX RGB HSL
#3B7AAE rgb(59,122,174) hsl(207,49%,46%)
#336996 rgb(51,105,150) hsl(207,49%,39%)
#2A597E rgb(42,89,126) hsl(206,50%,33%)
#224766 rgb(34,71,102) hsl(207,50%,27%)
#1A364E rgb(26,54,78) hsl(208,50%,20%)
#122636 rgb(18,38,54) hsl(207,50%,14%)

Triad color palettes

HEX RGB HSL
#336996 rgb(51,105,150) hsl(207,49%,39%)
#963337 rgb(150,51,55) hsl(358,49%,39%)
#969133 rgb(150,145,51) hsl(57,49%,39%)

Tetrad color palettes

HEX RGB HSL
#336996 rgb(51,105,150) hsl(207,49%,39%)
#966133 rgb(150,97,51) hsl(28,49%,39%)
#339691 rgb(51,150,145) hsl(177,49%,39%)
#969133 rgb(150,145,51) hsl(57,49%,39%)