HEX #2E5654 color — Spectra

The color #2e5654 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

2e5654 color palette from light to dark

HEX RGB HSL
#f2f8f8 rgb(242,248,248) hsl(177,30%,96%)
#e1efee rgb(225,239,238) hsl(177,30%,91%)
#d1e6e5 rgb(209,230,229) hsl(177,30%,86%)
#c0dddc rgb(192,221,220) hsl(177,30%,81%)
#afd4d2 rgb(175,212,210) hsl(177,30%,76%)
#9fcbc9 rgb(159,203,201) hsl(177,30%,71%)
#8ec2c0 rgb(142,194,192) hsl(177,30%,66%)
#7eb9b6 rgb(126,185,182) hsl(177,30%,61%)
#6db0ad rgb(109,176,173) hsl(177,30%,56%)
#5da8a4 rgb(93,168,164) hsl(177,30%,51%)
#529895 rgb(82,152,149) hsl(177,30%,46%)
#498885 rgb(73,136,133) hsl(177,30%,41%)
#407775 rgb(64,119,117) hsl(177,30%,36%)
#376764 rgb(55,103,100) hsl(177,30%,31%)
#2e5654 rgb(46,86,84) hsl(177,30%,26%)
#254644 rgb(37,70,68) hsl(177,30%,21%)
#1d3534 rgb(29,53,52) hsl(177,30%,16%)
#142424 rgb(20,36,36) hsl(177,30%,11%)
#0b1413 rgb(11,20,19) hsl(177,30%,6%)
#020303 rgb(2,3,3) hsl(177,30%,1%)

Adjacent colors

HEX RGB HSL
#2E5739 rgb(46,87,57) hsl(136,31%,26%)
#2E5654 rgb(46,86,84) hsl(177,30%,26%)
#2E3D56 rgb(46,61,86) hsl(218,30%,26%)

Monochromatic colors

HEX RGB HSL
#356361 rgb(53,99,97) hsl(177,30%,30%)
#2E5654 rgb(46,86,84) hsl(177,30%,26%)
#264746 rgb(38,71,70) hsl(178,30%,21%)
#1F3B39 rgb(31,59,57) hsl(176,31%,18%)
#172E2B rgb(23,46,43) hsl(172,33%,14%)
#101F1E rgb(16,31,30) hsl(176,32%,9%)

Triad color palettes

HEX RGB HSL
#2E5654 rgb(46,86,84) hsl(177,30%,26%)
#562E44 rgb(86,46,68) hsl(327,30%,26%)
#56402E rgb(86,64,46) hsl(27,30%,26%)

Tetrad color palettes

HEX RGB HSL
#2E5654 rgb(46,86,84) hsl(177,30%,26%)
#562E30 rgb(86,46,48) hsl(357,30%,26%)
#2E5740 rgb(46,87,64) hsl(146,31%,26%)
#56402E rgb(86,64,46) hsl(27,30%,26%)