HEX #336E94 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336E94 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(204,49%,99%)
#e8f1f7 rgb(232,241,247) hsl(204,49%,94%)
#d5e6f1 rgb(213,230,241) hsl(204,49%,89%)
#c2daea rgb(194,218,234) hsl(204,49%,84%)
#afcfe4 rgb(175,207,228) hsl(204,49%,79%)
#9cc3dd rgb(156,195,221) hsl(204,49%,74%)
#89b8d7 rgb(137,184,215) hsl(204,49%,69%)
#76acd0 rgb(118,172,208) hsl(204,49%,64%)
#63a1ca rgb(99,161,202) hsl(204,49%,59%)
#5095c3 rgb(80,149,195) hsl(204,49%,54%)
#4089ba rgb(64,137,186) hsl(204,49%,49%)
#397ba7 rgb(57,123,167) hsl(204,49%,44%)
#336d94 rgb(51,109,148) hsl(204,49%,39%)
#2c5f81 rgb(44,95,129) hsl(204,49%,34%)
#26516e rgb(38,81,110) hsl(204,49%,29%)
#1f435b rgb(31,67,91) hsl(204,49%,24%)
#193548 rgb(25,53,72) hsl(204,49%,19%)
#122735 rgb(18,39,53) hsl(204,49%,14%)
#0c1922 rgb(12,25,34) hsl(204,49%,9%)
#050b0f rgb(5,11,15) hsl(204,49%,4%)

Adjacent colors

HEX RGB HSL
#339479 rgb(51,148,121) hsl(163,49%,39%)
#336E94 rgb(51,110,148) hsl(204,49%,39%)
#383394 rgb(56,51,148) hsl(243,49%,39%)

Monochromatic colors

HEX RGB HSL
#3B80AB rgb(59,128,171) hsl(203,49%,45%)
#336E94 rgb(51,110,148) hsl(204,49%,39%)
#2A5C7C rgb(42,92,124) hsl(203,49%,33%)
#224A64 rgb(34,74,100) hsl(204,49%,26%)
#1A384C rgb(26,56,76) hsl(204,49%,20%)
#122935 rgb(18,41,53) hsl(201,49%,14%)

Triad color palettes

HEX RGB HSL
#336E94 rgb(51,110,148) hsl(204,49%,39%)
#94333D rgb(148,51,61) hsl(354,49%,39%)
#948A33 rgb(148,138,51) hsl(54,49%,39%)

Tetrad color palettes

HEX RGB HSL
#336E94 rgb(51,110,148) hsl(204,49%,39%)
#945933 rgb(148,89,51) hsl(24,49%,39%)
#339489 rgb(51,148,137) hsl(173,49%,39%)
#948A33 rgb(148,138,51) hsl(54,49%,39%)