HEX #336393 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336393 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(210,48%,99%)
#e8f0f7 rgb(232,240,247) hsl(210,48%,94%)
#d5e3f0 rgb(213,227,240) hsl(210,48%,89%)
#c3d6ea rgb(195,214,234) hsl(210,48%,84%)
#b0c9e3 rgb(176,201,227) hsl(210,48%,79%)
#9dbddd rgb(157,189,221) hsl(210,48%,74%)
#8ab0d6 rgb(138,176,214) hsl(210,48%,69%)
#77a3cf rgb(119,163,207) hsl(210,48%,64%)
#6496c9 rgb(100,150,201) hsl(210,48%,59%)
#518ac2 rgb(81,138,194) hsl(210,48%,54%)
#417db9 rgb(65,125,185) hsl(210,48%,49%)
#3a70a6 rgb(58,112,166) hsl(210,48%,44%)
#346393 rgb(52,99,147) hsl(210,48%,39%)
#2d5780 rgb(45,87,128) hsl(210,48%,34%)
#264a6d rgb(38,74,109) hsl(210,48%,29%)
#203d5b rgb(32,61,91) hsl(210,48%,24%)
#193048 rgb(25,48,72) hsl(210,48%,19%)
#132435 rgb(19,36,53) hsl(210,48%,14%)
#0c1722 rgb(12,23,34) hsl(210,48%,9%)
#050a0f rgb(5,10,15) hsl(210,48%,4%)

Adjacent colors

HEX RGB HSL
#339483 rgb(51,148,131) hsl(169,49%,39%)
#336393 rgb(51,99,147) hsl(210,48%,39%)
#433393 rgb(67,51,147) hsl(250,48%,39%)

Monochromatic colors

HEX RGB HSL
#3B73AA rgb(59,115,170) hsl(210,48%,45%)
#336393 rgb(51,99,147) hsl(210,48%,39%)
#2A547B rgb(42,84,123) hsl(209,49%,32%)
#224263 rgb(34,66,99) hsl(210,49%,26%)
#1A334C rgb(26,51,76) hsl(210,49%,20%)
#122434 rgb(18,36,52) hsl(208,49%,14%)

Triad color palettes

HEX RGB HSL
#336393 rgb(51,99,147) hsl(210,48%,39%)
#933333 rgb(147,51,51) hsl(360,48%,39%)
#939433 rgb(147,148,51) hsl(61,49%,39%)

Tetrad color palettes

HEX RGB HSL
#336393 rgb(51,99,147) hsl(210,48%,39%)
#936333 rgb(147,99,51) hsl(30,48%,39%)
#339493 rgb(51,148,147) hsl(179,49%,39%)
#939433 rgb(147,148,51) hsl(61,49%,39%)