HEX #2E5456 color — Spectra

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

Color codes

copy icon
copy icon
copy icon

Palette

2e5456 color palette from light to dark

HEX RGB HSL
#f2f8f8 rgb(242,248,248) hsl(183,30%,96%)
#e1eeef rgb(225,238,239) hsl(183,30%,91%)
#d1e5e6 rgb(209,229,230) hsl(183,30%,86%)
#c0dcdd rgb(192,220,221) hsl(183,30%,81%)
#afd2d4 rgb(175,210,212) hsl(183,30%,76%)
#9fc9cb rgb(159,201,203) hsl(183,30%,71%)
#8ec0c2 rgb(142,192,194) hsl(183,30%,66%)
#7eb6b9 rgb(126,182,185) hsl(183,30%,61%)
#6dadb0 rgb(109,173,176) hsl(183,30%,56%)
#5da4a8 rgb(93,164,168) hsl(183,30%,51%)
#529598 rgb(82,149,152) hsl(183,30%,46%)
#498588 rgb(73,133,136) hsl(183,30%,41%)
#407577 rgb(64,117,119) hsl(183,30%,36%)
#376467 rgb(55,100,103) hsl(183,30%,31%)
#2e5456 rgb(46,84,86) hsl(183,30%,26%)
#254446 rgb(37,68,70) hsl(183,30%,21%)
#1d3435 rgb(29,52,53) hsl(183,30%,16%)
#142424 rgb(20,36,36) hsl(183,30%,11%)
#0b1314 rgb(11,19,20) hsl(183,30%,6%)
#020303 rgb(2,3,3) hsl(183,30%,1%)

Adjacent colors

HEX RGB HSL
#2E573D rgb(46,87,61) hsl(142,31%,26%)
#2E5456 rgb(46,84,86) hsl(183,30%,26%)
#2E3856 rgb(46,56,86) hsl(225,30%,26%)

Monochromatic colors

HEX RGB HSL
#356163 rgb(53,97,99) hsl(183,30%,30%)
#2E5456 rgb(46,84,86) hsl(183,30%,26%)
#264748 rgb(38,71,72) hsl(182,31%,22%)
#1F383A rgb(31,56,58) hsl(184,30%,17%)
#172B2C rgb(23,43,44) hsl(183,31%,13%)
#101F1E rgb(16,31,30) hsl(176,32%,9%)

Triad color palettes

HEX RGB HSL
#2E5456 rgb(46,84,86) hsl(183,30%,26%)
#562E40 rgb(86,46,64) hsl(333,30%,26%)
#56452E rgb(86,69,46) hsl(35,30%,26%)

Tetrad color palettes

HEX RGB HSL
#2E5456 rgb(46,84,86) hsl(183,30%,26%)
#56302E rgb(86,48,46) hsl(3,30%,26%)
#2E5744 rgb(46,87,68) hsl(152,31%,26%)
#56452E rgb(86,69,46) hsl(35,30%,26%)