HEX #336395 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336395 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(211,49%,99%)
#e8eff7 rgb(232,239,247) hsl(211,49%,94%)
#d5e2f1 rgb(213,226,241) hsl(211,49%,89%)
#c2d6ea rgb(194,214,234) hsl(211,49%,84%)
#afc9e4 rgb(175,201,228) hsl(211,49%,79%)
#9cbcdd rgb(156,188,221) hsl(211,49%,74%)
#89afd7 rgb(137,175,215) hsl(211,49%,69%)
#76a2d0 rgb(118,162,208) hsl(211,49%,64%)
#6395ca rgb(99,149,202) hsl(211,49%,59%)
#5088c3 rgb(80,136,195) hsl(211,49%,54%)
#407bba rgb(64,123,186) hsl(211,49%,49%)
#396ea7 rgb(57,110,167) hsl(211,49%,44%)
#336294 rgb(51,98,148) hsl(211,49%,39%)
#2c5581 rgb(44,85,129) hsl(211,49%,34%)
#26496e rgb(38,73,110) hsl(211,49%,29%)
#1f3c5b rgb(31,60,91) hsl(211,49%,24%)
#193048 rgb(25,48,72) hsl(211,49%,19%)
#122335 rgb(18,35,53) hsl(211,49%,14%)
#0c1722 rgb(12,23,34) hsl(211,49%,9%)
#050a0f rgb(5,10,15) hsl(211,49%,4%)

Adjacent colors

HEX RGB HSL
#339485 rgb(51,148,133) hsl(171,49%,39%)
#336395 rgb(51,99,149) hsl(211,49%,39%)
#443395 rgb(68,51,149) hsl(250,49%,39%)

Monochromatic colors

HEX RGB HSL
#3B73AC rgb(59,115,172) hsl(210,49%,45%)
#336395 rgb(51,99,149) hsl(211,49%,39%)
#2A547D rgb(42,84,125) hsl(210,50%,33%)
#224265 rgb(34,66,101) hsl(211,50%,26%)
#1A334D rgb(26,51,77) hsl(211,50%,20%)
#122435 rgb(18,36,53) hsl(209,49%,14%)

Triad color palettes

HEX RGB HSL
#336395 rgb(51,99,149) hsl(211,49%,39%)
#953333 rgb(149,51,51) hsl(360,49%,39%)
#949433 rgb(148,148,51) hsl(60,49%,39%)

Tetrad color palettes

HEX RGB HSL
#336395 rgb(51,99,149) hsl(211,49%,39%)
#956633 rgb(149,102,51) hsl(31,49%,39%)
#339495 rgb(51,148,149) hsl(181,49%,39%)
#949433 rgb(148,148,51) hsl(60,49%,39%)