HEX #5ACC96 color — Emerald
The color #5ACC96 is a light shade and moderately saturated.
Palette
5ACC96 color palette from light to dark
HEX |
RGB |
HSL |
#f7fdfa |
rgb(247,253,250) |
hsl(152,53%,98%) |
#e4f7ee |
rgb(228,247,238) |
hsl(152,53%,93%) |
#d0f1e1 |
rgb(208,241,225) |
hsl(152,53%,88%) |
#bdebd5 |
rgb(189,235,213) |
hsl(152,53%,83%) |
#a9e5c9 |
rgb(169,229,201) |
hsl(152,53%,78%) |
#96dfbd |
rgb(150,223,189) |
hsl(152,53%,73%) |
#82d9b0 |
rgb(130,217,176) |
hsl(152,53%,68%) |
#6fd3a4 |
rgb(111,211,164) |
hsl(152,53%,63%) |
#5bcd98 |
rgb(91,205,152) |
hsl(152,53%,58%) |
#48c78b |
rgb(72,199,139) |
hsl(152,53%,53%) |
#3abb7f |
rgb(58,187,127) |
hsl(152,53%,48%) |
#34a872 |
rgb(52,168,114) |
hsl(152,53%,43%) |
#2e9464 |
rgb(46,148,100) |
hsl(152,53%,38%) |
#288157 |
rgb(40,129,87) |
hsl(152,53%,33%) |
#226d4a |
rgb(34,109,74) |
hsl(152,53%,28%) |
#1c5a3d |
rgb(28,90,61) |
hsl(152,53%,23%) |
#164630 |
rgb(22,70,48) |
hsl(152,53%,18%) |
#103322 |
rgb(16,51,34) |
hsl(152,53%,13%) |
#0a1f15 |
rgb(10,31,21) |
hsl(152,53%,8%) |
#040c08 |
rgb(4,12,8) |
hsl(152,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#6ACC5A |
rgb(106,204,90) |
hsl(112,53%,58%) |
#5ACC96 |
rgb(90,204,150) |
hsl(152,53%,58%) |
#5AB5CC |
rgb(90,181,204) |
hsl(192,53%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A1E3C3 |
rgb(161,227,195) |
hsl(151,54%,76%) |
#7DD6AC |
rgb(125,214,172) |
hsl(152,52%,66%) |
#5ACC96 |
rgb(90,204,150) |
hsl(152,53%,58%) |
#3ABD7E |
rgb(58,189,126) |
hsl(151,53%,48%) |
#2F9966 |
rgb(47,153,102) |
hsl(151,53%,39%) |
#24754E |
rgb(36,117,78) |
hsl(151,53%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5ACC96 |
rgb(90,204,150) |
hsl(152,53%,58%) |
#CC59C9 |
rgb(204,89,201) |
hsl(302,53%,57%) |
#CC5C5A |
rgb(204,92,90) |
hsl(1,53%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5ACC96 |
rgb(90,204,150) |
hsl(152,53%,58%) |
#CC5990 |
rgb(204,89,144) |
hsl(331,53%,57%) |
#5ACC5D |
rgb(90,204,93) |
hsl(122,53%,58%) |
#CC5C5A |
rgb(204,92,90) |
hsl(1,53%,58%) |