HEX #5ACC70 color — Emerald

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

Color codes

copy icon
copy icon
copy icon

Palette

5ACC70 color palette from light to dark

HEX RGB HSL
#f7fdf8 rgb(247,253,248) hsl(132,53%,98%)
#e4f7e7 rgb(228,247,231) hsl(132,53%,93%)
#d0f1d7 rgb(208,241,215) hsl(132,53%,88%)
#bdebc6 rgb(189,235,198) hsl(132,53%,83%)
#a9e5b5 rgb(169,229,181) hsl(132,53%,78%)
#96dfa4 rgb(150,223,164) hsl(132,53%,73%)
#82d993 rgb(130,217,147) hsl(132,53%,68%)
#6fd383 rgb(111,211,131) hsl(132,53%,63%)
#5bcd72 rgb(91,205,114) hsl(132,53%,58%)
#48c761 rgb(72,199,97) hsl(132,53%,53%)
#3abb53 rgb(58,187,83) hsl(132,53%,48%)
#34a84b rgb(52,168,75) hsl(132,53%,43%)
#2e9442 rgb(46,148,66) hsl(132,53%,38%)
#288139 rgb(40,129,57) hsl(132,53%,33%)
#226d31 rgb(34,109,49) hsl(132,53%,28%)
#1c5a28 rgb(28,90,40) hsl(132,53%,23%)
#16461f rgb(22,70,31) hsl(132,53%,18%)
#103317 rgb(16,51,23) hsl(132,53%,13%)
#0a1f0e rgb(10,31,14) hsl(132,53%,8%)
#040c05 rgb(4,12,5) hsl(132,53%,3%)

Adjacent colors

HEX RGB HSL
#90CC5A rgb(144,204,90) hsl(92,53%,58%)
#5ACC70 rgb(90,204,112) hsl(132,53%,58%)
#5ACCBC rgb(90,204,188) hsl(172,53%,58%)

Monochromatic colors

HEX RGB HSL
#A1E3AE rgb(161,227,174) hsl(132,54%,76%)
#7DD68F rgb(125,214,143) hsl(132,52%,66%)
#5ACC70 rgb(90,204,112) hsl(132,53%,58%)
#3ABD53 rgb(58,189,83) hsl(131,53%,48%)
#2F9943 rgb(47,153,67) hsl(131,53%,39%)
#247533 rgb(36,117,51) hsl(131,53%,30%)

Triad color palettes

HEX RGB HSL
#5ACC70 rgb(90,204,112) hsl(132,53%,58%)
#A959CC rgb(169,89,204) hsl(282,53%,57%)
#CC597D rgb(204,89,125) hsl(341,53%,57%)

Tetrad color palettes

HEX RGB HSL
#5ACC70 rgb(90,204,112) hsl(132,53%,58%)
#CC59B6 rgb(204,89,182) hsl(311,53%,57%)
#7DCC5A rgb(125,204,90) hsl(102,53%,58%)
#CC597D rgb(204,89,125) hsl(341,53%,57%)