HEX #336E86 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336E86 color palette from light to dark

HEX RGB HSL
#f0f7f9 rgb(240,247,249) hsl(197,45%,96%)
#deedf2 rgb(222,237,242) hsl(197,45%,91%)
#cbe2eb rgb(203,226,235) hsl(197,45%,86%)
#b9d8e4 rgb(185,216,228) hsl(197,45%,81%)
#a6cedd rgb(166,206,221) hsl(197,45%,76%)
#94c3d6 rgb(148,195,214) hsl(197,45%,71%)
#81b9cf rgb(129,185,207) hsl(197,45%,66%)
#6fafc8 rgb(111,175,200) hsl(197,45%,61%)
#5ca5c1 rgb(92,165,193) hsl(197,45%,56%)
#4a9aba rgb(74,154,186) hsl(197,45%,51%)
#418caa rgb(65,140,170) hsl(197,45%,46%)
#3a7d98 rgb(58,125,152) hsl(197,45%,41%)
#326e85 rgb(50,110,133) hsl(197,45%,36%)
#2b5e73 rgb(43,94,115) hsl(197,45%,31%)
#244f60 rgb(36,79,96) hsl(197,45%,26%)
#1d404e rgb(29,64,78) hsl(197,45%,21%)
#16313b rgb(22,49,59) hsl(197,45%,16%)
#0f2229 rgb(15,34,41) hsl(197,45%,11%)
#081216 rgb(8,18,22) hsl(197,45%,6%)
#010304 rgb(1,3,4) hsl(197,45%,1%)

Adjacent colors

HEX RGB HSL
#338766 rgb(51,135,102) hsl(156,45%,36%)
#336E86 rgb(51,110,134) hsl(197,45%,36%)
#333686 rgb(51,54,134) hsl(238,45%,36%)

Monochromatic colors

HEX RGB HSL
#3B809B rgb(59,128,155) hsl(197,45%,42%)
#336E86 rgb(51,110,134) hsl(197,45%,36%)
#2A5C70 rgb(42,92,112) hsl(197,45%,30%)
#224A5B rgb(34,74,91) hsl(198,46%,25%)
#1A3845 rgb(26,56,69) hsl(198,45%,19%)
#122930 rgb(18,41,48) hsl(194,45%,13%)

Triad color palettes

HEX RGB HSL
#336E86 rgb(51,110,134) hsl(197,45%,36%)
#863344 rgb(134,51,68) hsl(348,45%,36%)
#867533 rgb(134,117,51) hsl(48,45%,36%)

Tetrad color palettes

HEX RGB HSL
#336E86 rgb(51,110,134) hsl(197,45%,36%)
#864A33 rgb(134,74,51) hsl(17,45%,36%)
#338774 rgb(51,135,116) hsl(166,45%,36%)
#867533 rgb(134,117,51) hsl(48,45%,36%)