HEX #5ECC96 color — Emerald
The color #5ECC96 is a light shade and moderately saturated.
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%) |