HEX #336696 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336696 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(209,49%,99%)
#e8f0f7 rgb(232,240,247) hsl(209,49%,94%)
#d5e3f1 rgb(213,227,241) hsl(209,49%,89%)
#c2d7ea rgb(194,215,234) hsl(209,49%,84%)
#afcae4 rgb(175,202,228) hsl(209,49%,79%)
#9cbedd rgb(156,190,221) hsl(209,49%,74%)
#89b1d7 rgb(137,177,215) hsl(209,49%,69%)
#76a5d0 rgb(118,165,208) hsl(209,49%,64%)
#6398ca rgb(99,152,202) hsl(209,49%,59%)
#508cc3 rgb(80,140,195) hsl(209,49%,54%)
#407fba rgb(64,127,186) hsl(209,49%,49%)
#3972a7 rgb(57,114,167) hsl(209,49%,44%)
#336594 rgb(51,101,148) hsl(209,49%,39%)
#2c5881 rgb(44,88,129) hsl(209,49%,34%)
#264b6e rgb(38,75,110) hsl(209,49%,29%)
#1f3e5b rgb(31,62,91) hsl(209,49%,24%)
#193148 rgb(25,49,72) hsl(209,49%,19%)
#122435 rgb(18,36,53) hsl(209,49%,14%)
#0c1722 rgb(12,23,34) hsl(209,49%,9%)
#050a0f rgb(5,10,15) hsl(209,49%,4%)

Adjacent colors

HEX RGB HSL
#339684 rgb(51,150,132) hsl(169,49%,39%)
#336696 rgb(51,102,150) hsl(209,49%,39%)
#423396 rgb(66,51,150) hsl(249,49%,39%)

Monochromatic colors

HEX RGB HSL
#3B75AE rgb(59,117,174) hsl(210,49%,46%)
#336696 rgb(51,102,150) hsl(209,49%,39%)
#2A577E rgb(42,87,126) hsl(208,50%,33%)
#224566 rgb(34,69,102) hsl(209,50%,27%)
#1A364E rgb(26,54,78) hsl(208,50%,20%)
#122436 rgb(18,36,54) hsl(210,50%,14%)

Triad color palettes

HEX RGB HSL
#336696 rgb(51,102,150) hsl(209,49%,39%)
#963334 rgb(150,51,52) hsl(359,49%,39%)
#969433 rgb(150,148,51) hsl(59,49%,39%)

Tetrad color palettes

HEX RGB HSL
#336696 rgb(51,102,150) hsl(209,49%,39%)
#966333 rgb(150,99,51) hsl(29,49%,39%)
#339694 rgb(51,150,148) hsl(179,49%,39%)
#969433 rgb(150,148,51) hsl(59,49%,39%)