HEX #336D84 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

336d84 color palette from light to dark

HEX RGB HSL
#f0f7f9 rgb(240,247,249) hsl(197,44%,96%)
#deecf2 rgb(222,236,242) hsl(197,44%,91%)
#cce2eb rgb(204,226,235) hsl(197,44%,86%)
#b9d8e4 rgb(185,216,228) hsl(197,44%,81%)
#a7cddd rgb(167,205,221) hsl(197,44%,76%)
#95c3d6 rgb(149,195,214) hsl(197,44%,71%)
#82b9ce rgb(130,185,206) hsl(197,44%,66%)
#70afc7 rgb(112,175,199) hsl(197,44%,61%)
#5da4c0 rgb(93,164,192) hsl(197,44%,56%)
#4b9ab9 rgb(75,154,185) hsl(197,44%,51%)
#428ca9 rgb(66,140,169) hsl(197,44%,46%)
#3b7c97 rgb(59,124,151) hsl(197,44%,41%)
#336d84 rgb(51,109,132) hsl(197,44%,36%)
#2c5e72 rgb(44,94,114) hsl(197,44%,31%)
#254f5f rgb(37,79,95) hsl(197,44%,26%)
#1e404d rgb(30,64,77) hsl(197,44%,21%)
#17313b rgb(23,49,59) hsl(197,44%,16%)
#102128 rgb(16,33,40) hsl(197,44%,11%)
#091216 rgb(9,18,22) hsl(197,44%,6%)
#010304 rgb(1,3,4) hsl(197,44%,1%)

Adjacent colors

HEX RGB HSL
#338565 rgb(51,133,101) hsl(157,45%,36%)
#336D84 rgb(51,109,132) hsl(197,44%,36%)
#333884 rgb(51,56,132) hsl(236,44%,36%)

Monochromatic colors

HEX RGB HSL
#3B8099 rgb(59,128,153) hsl(196,44%,42%)
#336D84 rgb(51,109,132) hsl(197,44%,36%)
#2A5C6E rgb(42,92,110) hsl(196,45%,30%)
#224A59 rgb(34,74,89) hsl(196,45%,24%)
#1A3844 rgb(26,56,68) hsl(197,45%,18%)
#12262F rgb(18,38,47) hsl(199,45%,13%)

Triad color palettes

HEX RGB HSL
#336D84 rgb(51,109,132) hsl(197,44%,36%)
#843344 rgb(132,51,68) hsl(347,44%,36%)
#847333 rgb(132,115,51) hsl(47,44%,36%)

Tetrad color palettes

HEX RGB HSL
#336D84 rgb(51,109,132) hsl(197,44%,36%)
#844A33 rgb(132,74,51) hsl(17,44%,36%)
#338572 rgb(51,133,114) hsl(166,45%,36%)
#847333 rgb(132,115,51) hsl(47,44%,36%)