HEX #336B96 color — Calypso

The color #336B96 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

336B96 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(206,49%,99%)
#e8f1f7 rgb(232,241,247) hsl(206,49%,94%)
#d5e5f1 rgb(213,229,241) hsl(206,49%,89%)
#c2d9ea rgb(194,217,234) hsl(206,49%,84%)
#afcde4 rgb(175,205,228) hsl(206,49%,79%)
#9cc1dd rgb(156,193,221) hsl(206,49%,74%)
#89b5d7 rgb(137,181,215) hsl(206,49%,69%)
#76a9d0 rgb(118,169,208) hsl(206,49%,64%)
#639dca rgb(99,157,202) hsl(206,49%,59%)
#5091c3 rgb(80,145,195) hsl(206,49%,54%)
#4085ba rgb(64,133,186) hsl(206,49%,49%)
#3978a7 rgb(57,120,167) hsl(206,49%,44%)
#336a94 rgb(51,106,148) hsl(206,49%,39%)
#2c5c81 rgb(44,92,129) hsl(206,49%,34%)
#264f6e rgb(38,79,110) hsl(206,49%,29%)
#1f415b rgb(31,65,91) hsl(206,49%,24%)
#193448 rgb(25,52,72) hsl(206,49%,19%)
#122635 rgb(18,38,53) hsl(206,49%,14%)
#0c1822 rgb(12,24,34) hsl(206,49%,9%)
#050b0f rgb(5,11,15) hsl(206,49%,4%)

Adjacent colors

HEX RGB HSL
#33967F rgb(51,150,127) hsl(166,49%,39%)
#336B96 rgb(51,107,150) hsl(206,49%,39%)
#3D3396 rgb(61,51,150) hsl(246,49%,39%)

Monochromatic colors

HEX RGB HSL
#3B7DAE rgb(59,125,174) hsl(206,49%,46%)
#336B96 rgb(51,107,150) hsl(206,49%,39%)
#2A597E rgb(42,89,126) hsl(206,50%,33%)
#224A66 rgb(34,74,102) hsl(205,50%,27%)
#1A384E rgb(26,56,78) hsl(205,50%,20%)
#122636 rgb(18,38,54) hsl(207,50%,14%)

Triad color palettes

HEX RGB HSL
#336B96 rgb(51,107,150) hsl(206,49%,39%)
#963339 rgb(150,51,57) hsl(356,49%,39%)
#968F33 rgb(150,143,51) hsl(56,49%,39%)

Tetrad color palettes

HEX RGB HSL
#336B96 rgb(51,107,150) hsl(206,49%,39%)
#965E33 rgb(150,94,51) hsl(26,49%,39%)
#33968F rgb(51,150,143) hsl(176,49%,39%)
#968F33 rgb(150,143,51) hsl(56,49%,39%)