HEX #336187 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336187 color palette from light to dark

HEX RGB HSL
#f0f5f9 rgb(240,245,249) hsl(207,45%,96%)
#dee9f2 rgb(222,233,242) hsl(207,45%,91%)
#cbddeb rgb(203,221,235) hsl(207,45%,86%)
#b9d1e4 rgb(185,209,228) hsl(207,45%,81%)
#a6c5dd rgb(166,197,221) hsl(207,45%,76%)
#94b8d6 rgb(148,184,214) hsl(207,45%,71%)
#81accf rgb(129,172,207) hsl(207,45%,66%)
#6fa0c8 rgb(111,160,200) hsl(207,45%,61%)
#5c94c1 rgb(92,148,193) hsl(207,45%,56%)
#4a88ba rgb(74,136,186) hsl(207,45%,51%)
#417baa rgb(65,123,170) hsl(207,45%,46%)
#3a6d98 rgb(58,109,152) hsl(207,45%,41%)
#326085 rgb(50,96,133) hsl(207,45%,36%)
#2b5373 rgb(43,83,115) hsl(207,45%,31%)
#244560 rgb(36,69,96) hsl(207,45%,26%)
#1d384e rgb(29,56,78) hsl(207,45%,21%)
#162b3b rgb(22,43,59) hsl(207,45%,16%)
#0f1d29 rgb(15,29,41) hsl(207,45%,11%)
#081016 rgb(8,16,22) hsl(207,45%,6%)
#010304 rgb(1,3,4) hsl(207,45%,1%)

Adjacent colors

HEX RGB HSL
#338775 rgb(51,135,117) hsl(167,45%,36%)
#336187 rgb(51,97,135) hsl(207,45%,36%)
#3D3387 rgb(61,51,135) hsl(247,45%,36%)

Monochromatic colors

HEX RGB HSL
#3B709C rgb(59,112,156) hsl(207,45%,42%)
#336187 rgb(51,97,135) hsl(207,45%,36%)
#2A5271 rgb(42,82,113) hsl(206,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
#336187 rgb(51,97,135) hsl(207,45%,36%)
#873337 rgb(135,51,55) hsl(357,45%,36%)
#878233 rgb(135,130,51) hsl(56,45%,36%)

Tetrad color palettes

HEX RGB HSL
#336187 rgb(51,97,135) hsl(207,45%,36%)
#875933 rgb(135,89,51) hsl(27,45%,36%)
#338783 rgb(51,135,131) hsl(177,45%,36%)
#878233 rgb(135,130,51) hsl(56,45%,36%)