HEX #336E85 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336E85 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
#338565 rgb(51,133,101) hsl(157,45%,36%)
#336E85 rgb(51,110,133) hsl(197,45%,36%)
#333885 rgb(51,56,133) hsl(236,45%,36%)

Monochromatic colors

HEX RGB HSL
#3B809A rgb(59,128,154) hsl(196,45%,42%)
#336E85 rgb(51,110,133) hsl(197,45%,36%)
#2A5C6F rgb(42,92,111) hsl(197,45%,30%)
#224A5A rgb(34,74,90) hsl(197,45%,24%)
#1A3845 rgb(26,56,69) hsl(198,45%,19%)
#12292F rgb(18,41,47) hsl(192,45%,13%)

Triad color palettes

HEX RGB HSL
#336E85 rgb(51,110,133) hsl(197,45%,36%)
#853345 rgb(133,51,69) hsl(347,45%,36%)
#857333 rgb(133,115,51) hsl(47,45%,36%)

Tetrad color palettes

HEX RGB HSL
#336E85 rgb(51,110,133) hsl(197,45%,36%)
#854A33 rgb(133,74,51) hsl(17,45%,36%)
#338573 rgb(51,133,115) hsl(167,45%,36%)
#857333 rgb(133,115,51) hsl(47,45%,36%)