HEX #5AD696 color — Emerald
The color #5AD696 is a light shade and moderately saturated.
Palette
5AD696 color palette from light to dark
HEX |
RGB |
HSL |
#ebfaf2 |
rgb(235,250,242) |
hsl(149,60%,95%) |
#d6f5e5 |
rgb(214,245,229) |
hsl(149,60%,90%) |
#c2f0d8 |
rgb(194,240,216) |
hsl(149,60%,85%) |
#adebcb |
rgb(173,235,203) |
hsl(149,60%,80%) |
#99e6be |
rgb(153,230,190) |
hsl(149,60%,75%) |
#85e0b1 |
rgb(133,224,177) |
hsl(149,60%,70%) |
#70dba4 |
rgb(112,219,164) |
hsl(149,60%,65%) |
#5cd697 |
rgb(92,214,151) |
hsl(149,60%,60%) |
#47d18a |
rgb(71,209,138) |
hsl(149,60%,55%) |
#33cc7d |
rgb(51,204,125) |
hsl(149,60%,50%) |
#2eb870 |
rgb(46,184,112) |
hsl(149,60%,45%) |
#29a364 |
rgb(41,163,100) |
hsl(149,60%,40%) |
#248f57 |
rgb(36,143,87) |
hsl(149,60%,35%) |
#1f7a4b |
rgb(31,122,75) |
hsl(149,60%,30%) |
#1a663e |
rgb(26,102,62) |
hsl(149,60%,25%) |
#145232 |
rgb(20,82,50) |
hsl(149,60%,20%) |
#0f3d25 |
rgb(15,61,37) |
hsl(149,60%,15%) |
#0a2919 |
rgb(10,41,25) |
hsl(149,60%,10%) |
#05140c |
rgb(5,20,12) |
hsl(149,60%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#70D65A |
rgb(112,214,90) |
hsl(109,60%,60%) |
#5AD696 |
rgb(90,214,150) |
hsl(149,60%,60%) |
#5AC4D6 |
rgb(90,196,214) |
hsl(189,60%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A7EBC7 |
rgb(167,235,199) |
hsl(148,63%,79%) |
#80E0AE |
rgb(128,224,174) |
hsl(149,61%,69%) |
#5AD696 |
rgb(90,214,150) |
hsl(149,60%,60%) |
#33CC7D |
rgb(51,204,125) |
hsl(149,60%,50%) |
#29A665 |
rgb(41,166,101) |
hsl(149,60%,41%) |
#1F804D |
rgb(31,128,77) |
hsl(148,61%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AD696 |
rgb(90,214,150) |
hsl(149,60%,60%) |
#D459D6 |
rgb(212,89,214) |
hsl(299,60%,59%) |
#D6595C |
rgb(214,89,92) |
hsl(359,60%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AD696 |
rgb(90,214,150) |
hsl(149,60%,60%) |
#D6599A |
rgb(214,89,154) |
hsl(329,60%,59%) |
#5CD65A |
rgb(92,214,90) |
hsl(119,60%,60%) |
#D6595C |
rgb(214,89,92) |
hsl(359,60%,59%) |