HEX #336693 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336693 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(208,48%,99%)
#e8f0f7 rgb(232,240,247) hsl(208,48%,94%)
#d5e4f0 rgb(213,228,240) hsl(208,48%,89%)
#c3d8ea rgb(195,216,234) hsl(208,48%,84%)
#b0cbe3 rgb(176,203,227) hsl(208,48%,79%)
#9dbfdd rgb(157,191,221) hsl(208,48%,74%)
#8ab2d6 rgb(138,178,214) hsl(208,48%,69%)
#77a6cf rgb(119,166,207) hsl(208,48%,64%)
#649ac9 rgb(100,154,201) hsl(208,48%,59%)
#518dc2 rgb(81,141,194) hsl(208,48%,54%)
#4181b9 rgb(65,129,185) hsl(208,48%,49%)
#3a74a6 rgb(58,116,166) hsl(208,48%,44%)
#346793 rgb(52,103,147) hsl(208,48%,39%)
#2d5980 rgb(45,89,128) hsl(208,48%,34%)
#264c6d rgb(38,76,109) hsl(208,48%,29%)
#203f5b rgb(32,63,91) hsl(208,48%,24%)
#193248 rgb(25,50,72) hsl(208,48%,19%)
#132535 rgb(19,37,53) hsl(208,48%,14%)
#0c1822 rgb(12,24,34) hsl(208,48%,9%)
#050b0f rgb(5,11,15) hsl(208,48%,4%)

Adjacent colors

HEX RGB HSL
#339480 rgb(51,148,128) hsl(168,49%,39%)
#336693 rgb(51,102,147) hsl(208,48%,39%)
#403393 rgb(64,51,147) hsl(248,48%,39%)

Monochromatic colors

HEX RGB HSL
#3B75AA rgb(59,117,170) hsl(209,48%,45%)
#336693 rgb(51,102,147) hsl(208,48%,39%)
#2A577B rgb(42,87,123) hsl(207,49%,32%)
#224563 rgb(34,69,99) hsl(208,49%,26%)
#1A364C rgb(26,54,76) hsl(206,49%,20%)
#122434 rgb(18,36,52) hsl(208,49%,14%)

Triad color palettes

HEX RGB HSL
#336693 rgb(51,102,147) hsl(208,48%,39%)
#933336 rgb(147,51,54) hsl(358,48%,39%)
#938F33 rgb(147,143,51) hsl(58,48%,39%)

Tetrad color palettes

HEX RGB HSL
#336693 rgb(51,102,147) hsl(208,48%,39%)
#936133 rgb(147,97,51) hsl(29,48%,39%)
#339490 rgb(51,148,144) hsl(178,49%,39%)
#938F33 rgb(147,143,51) hsl(58,48%,39%)