HEX #336384 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336384 color palette from light to dark

HEX RGB HSL
#f0f6f9 rgb(240,246,249) hsl(204,44%,96%)
#deeaf2 rgb(222,234,242) hsl(204,44%,91%)
#ccdeeb rgb(204,222,235) hsl(204,44%,86%)
#b9d3e4 rgb(185,211,228) hsl(204,44%,81%)
#a7c7dd rgb(167,199,221) hsl(204,44%,76%)
#95bcd6 rgb(149,188,214) hsl(204,44%,71%)
#82b0ce rgb(130,176,206) hsl(204,44%,66%)
#70a4c7 rgb(112,164,199) hsl(204,44%,61%)
#5d99c0 rgb(93,153,192) hsl(204,44%,56%)
#4b8db9 rgb(75,141,185) hsl(204,44%,51%)
#4280a9 rgb(66,128,169) hsl(204,44%,46%)
#3b7297 rgb(59,114,151) hsl(204,44%,41%)
#336484 rgb(51,100,132) hsl(204,44%,36%)
#2c5672 rgb(44,86,114) hsl(204,44%,31%)
#25485f rgb(37,72,95) hsl(204,44%,26%)
#1e3a4d rgb(30,58,77) hsl(204,44%,21%)
#172c3b rgb(23,44,59) hsl(204,44%,16%)
#101f28 rgb(16,31,40) hsl(204,44%,11%)
#091116 rgb(9,17,22) hsl(204,44%,6%)
#010304 rgb(1,3,4) hsl(204,44%,1%)

Adjacent colors

HEX RGB HSL
#33856F rgb(51,133,111) hsl(164,45%,36%)
#336384 rgb(51,99,132) hsl(204,44%,36%)
#393384 rgb(57,51,132) hsl(244,44%,36%)

Monochromatic colors

HEX RGB HSL
#3B7399 rgb(59,115,153) hsl(204,44%,42%)
#336384 rgb(51,99,132) hsl(204,44%,36%)
#2A546E rgb(42,84,110) hsl(203,45%,30%)
#224259 rgb(34,66,89) hsl(205,45%,24%)
#1A3344 rgb(26,51,68) hsl(204,45%,18%)
#12242F rgb(18,36,47) hsl(203,45%,13%)

Triad color palettes

HEX RGB HSL
#336384 rgb(51,99,132) hsl(204,44%,36%)
#84333A rgb(132,51,58) hsl(355,44%,36%)
#847D33 rgb(132,125,51) hsl(55,44%,36%)

Tetrad color palettes

HEX RGB HSL
#336384 rgb(51,99,132) hsl(204,44%,36%)
#845433 rgb(132,84,51) hsl(24,44%,36%)
#33857C rgb(51,133,124) hsl(173,45%,36%)
#847D33 rgb(132,125,51) hsl(55,44%,36%)