HEX #336387 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336387 color palette from light to dark

HEX RGB HSL
#f0f5f9 rgb(240,245,249) hsl(206,45%,96%)
#dee9f2 rgb(222,233,242) hsl(206,45%,91%)
#cbddeb rgb(203,221,235) hsl(206,45%,86%)
#b9d1e4 rgb(185,209,228) hsl(206,45%,81%)
#a6c5dd rgb(166,197,221) hsl(206,45%,76%)
#94b9d6 rgb(148,185,214) hsl(206,45%,71%)
#81aecf rgb(129,174,207) hsl(206,45%,66%)
#6fa2c8 rgb(111,162,200) hsl(206,45%,61%)
#5c96c1 rgb(92,150,193) hsl(206,45%,56%)
#4a8aba rgb(74,138,186) hsl(206,45%,51%)
#417caa rgb(65,124,170) hsl(206,45%,46%)
#3a6f98 rgb(58,111,152) hsl(206,45%,41%)
#326185 rgb(50,97,133) hsl(206,45%,36%)
#2b5473 rgb(43,84,115) hsl(206,45%,31%)
#244660 rgb(36,70,96) hsl(206,45%,26%)
#1d394e rgb(29,57,78) hsl(206,45%,21%)
#162b3b rgb(22,43,59) hsl(206,45%,16%)
#0f1e29 rgb(15,30,41) hsl(206,45%,11%)
#081016 rgb(8,16,22) hsl(206,45%,6%)
#010304 rgb(1,3,4) hsl(206,45%,1%)

Adjacent colors

HEX RGB HSL
#338773 rgb(51,135,115) hsl(166,45%,36%)
#336387 rgb(51,99,135) hsl(206,45%,36%)
#3B3387 rgb(59,51,135) hsl(246,45%,36%)

Monochromatic colors

HEX RGB HSL
#3B739C rgb(59,115,156) hsl(205,45%,42%)
#336387 rgb(51,99,135) hsl(206,45%,36%)
#2A5471 rgb(42,84,113) hsl(205,46%,30%)
#22425B rgb(34,66,91) hsl(206,46%,25%)
#1A3346 rgb(26,51,70) hsl(206,46%,19%)
#122430 rgb(18,36,48) hsl(204,45%,13%)

Triad color palettes

HEX RGB HSL
#336387 rgb(51,99,135) hsl(206,45%,36%)
#873339 rgb(135,51,57) hsl(356,45%,36%)
#878233 rgb(135,130,51) hsl(56,45%,36%)

Tetrad color palettes

HEX RGB HSL
#336387 rgb(51,99,135) hsl(206,45%,36%)
#875733 rgb(135,87,51) hsl(26,45%,36%)
#338781 rgb(51,135,129) hsl(176,45%,36%)
#878233 rgb(135,130,51) hsl(56,45%,36%)