HEX #2F5458 color — Spectra

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

Color codes

copy icon
copy icon
copy icon

Palette

2F5458 color palette from light to dark

HEX RGB HSL
#f2f7f8 rgb(242,247,248) hsl(186,30%,96%)
#e1eeef rgb(225,238,239) hsl(186,30%,91%)
#d1e4e6 rgb(209,228,230) hsl(186,30%,86%)
#c0dadd rgb(192,218,221) hsl(186,30%,81%)
#afd0d4 rgb(175,208,212) hsl(186,30%,76%)
#9fc7cb rgb(159,199,203) hsl(186,30%,71%)
#8ebdc2 rgb(142,189,194) hsl(186,30%,66%)
#7eb3b9 rgb(126,179,185) hsl(186,30%,61%)
#6daab0 rgb(109,170,176) hsl(186,30%,56%)
#5da0a8 rgb(93,160,168) hsl(186,30%,51%)
#529198 rgb(82,145,152) hsl(186,30%,46%)
#498288 rgb(73,130,136) hsl(186,30%,41%)
#407277 rgb(64,114,119) hsl(186,30%,36%)
#376267 rgb(55,98,103) hsl(186,30%,31%)
#2e5256 rgb(46,82,86) hsl(186,30%,26%)
#254246 rgb(37,66,70) hsl(186,30%,21%)
#1d3335 rgb(29,51,53) hsl(186,30%,16%)
#142324 rgb(20,35,36) hsl(186,30%,11%)
#0b1314 rgb(11,19,20) hsl(186,30%,6%)
#020303 rgb(2,3,3) hsl(186,30%,1%)

Adjacent colors

HEX RGB HSL
#2F5940 rgb(47,89,64) hsl(144,31%,27%)
#2F5458 rgb(47,84,88) hsl(186,30%,26%)
#2F3858 rgb(47,56,88) hsl(227,30%,26%)

Monochromatic colors

HEX RGB HSL
#366166 rgb(54,97,102) hsl(186,31%,31%)
#2F5458 rgb(47,84,88) hsl(186,30%,26%)
#274749 rgb(39,71,73) hsl(184,30%,22%)
#1F383B rgb(31,56,59) hsl(186,31%,18%)
#182B2D rgb(24,43,45) hsl(186,30%,14%)
#101F1F rgb(16,31,31) hsl(180,32%,9%)

Triad color palettes

HEX RGB HSL
#2F5458 rgb(47,84,88) hsl(186,30%,26%)
#582E3F rgb(88,46,63) hsl(336,31%,26%)
#58472F rgb(88,71,47) hsl(35,30%,26%)

Tetrad color palettes

HEX RGB HSL
#2F5458 rgb(47,84,88) hsl(186,30%,26%)
#58332F rgb(88,51,47) hsl(6,30%,26%)
#2F5947 rgb(47,89,71) hsl(154,31%,27%)
#58472F rgb(88,71,47) hsl(35,30%,26%)