HEX #5ECC96 color — Emerald

The color #5ECC96 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5ECC96 color palette from light to dark

HEX RGB HSL
#f7fdfa rgb(247,253,250) hsl(151,52%,98%)
#e4f6ed rgb(228,246,237) hsl(151,52%,93%)
#d0f0e1 rgb(208,240,225) hsl(151,52%,88%)
#bdead4 rgb(189,234,212) hsl(151,52%,83%)
#aae4c8 rgb(170,228,200) hsl(151,52%,78%)
#96debb rgb(150,222,187) hsl(151,52%,73%)
#83d8af rgb(131,216,175) hsl(151,52%,68%)
#70d2a2 rgb(112,210,162) hsl(151,52%,63%)
#5ccc96 rgb(92,204,150) hsl(151,52%,58%)
#49c589 rgb(73,197,137) hsl(151,52%,53%)
#3bba7d rgb(59,186,125) hsl(151,52%,48%)
#35a770 rgb(53,167,112) hsl(151,52%,43%)
#2f9363 rgb(47,147,99) hsl(151,52%,38%)
#288056 rgb(40,128,86) hsl(151,52%,33%)
#226d49 rgb(34,109,73) hsl(151,52%,28%)
#1c593c rgb(28,89,60) hsl(151,52%,23%)
#16462f rgb(22,70,47) hsl(151,52%,18%)
#103222 rgb(16,50,34) hsl(151,52%,13%)
#0a1f15 rgb(10,31,21) hsl(151,52%,8%)
#040c08 rgb(4,12,8) hsl(151,52%,3%)

Adjacent colors

HEX RGB HSL
#6FCC5E rgb(111,204,94) hsl(111,52%,58%)
#5ECC96 rgb(94,204,150) hsl(151,52%,58%)
#5EB8CC rgb(94,184,204) hsl(191,52%,58%)

Monochromatic colors

HEX RGB HSL
#A6E3C5 rgb(166,227,197) hsl(150,52%,77%)
#82D6AD rgb(130,214,173) hsl(151,51%,67%)
#5ECC96 rgb(94,204,150) hsl(151,52%,58%)
#3CBF7E rgb(60,191,126) hsl(150,52%,49%)
#309966 rgb(48,153,102) hsl(151,52%,39%)
#25754E rgb(37,117,78) hsl(151,52%,30%)

Triad color palettes

HEX RGB HSL
#5ECC96 rgb(94,204,150) hsl(151,52%,58%)
#CC5ECB rgb(204,94,203) hsl(301,52%,58%)
#CC5E5E rgb(204,94,94) hsl(360,52%,58%)

Tetrad color palettes

HEX RGB HSL
#5ECC96 rgb(94,204,150) hsl(151,52%,58%)
#CC5E94 rgb(204,94,148) hsl(331,52%,58%)
#5ECC5F rgb(94,204,95) hsl(121,52%,58%)
#CC5E5E rgb(204,94,94) hsl(360,52%,58%)