HEX #5AD396 color — Emerald
The color #5ad396 is a light shade and moderately saturated.
Palette
5ad396 color palette from light to dark
HEX |
RGB |
HSL |
#fbfefc |
rgb(251,254,252) |
hsl(150,58%,99%) |
#e7f9f0 |
rgb(231,249,240) |
hsl(150,58%,94%) |
#d3f3e3 |
rgb(211,243,227) |
hsl(150,58%,89%) |
#bfeed6 |
rgb(191,238,214) |
hsl(150,58%,84%) |
#aae9c9 |
rgb(170,233,201) |
hsl(150,58%,79%) |
#96e3bd |
rgb(150,227,189) |
hsl(150,58%,74%) |
#82deb0 |
rgb(130,222,176) |
hsl(150,58%,69%) |
#6ed8a3 |
rgb(110,216,163) |
hsl(150,58%,64%) |
#5ad396 |
rgb(90,211,150) |
hsl(150,58%,59%) |
#46ce8a |
rgb(70,206,138) |
hsl(150,58%,54%) |
#34c57d |
rgb(52,197,125) |
hsl(150,58%,49%) |
#2fb170 |
rgb(47,177,112) |
hsl(150,58%,44%) |
#2a9d63 |
rgb(42,157,99) |
hsl(150,58%,39%) |
#248957 |
rgb(36,137,87) |
hsl(150,58%,34%) |
#1f754a |
rgb(31,117,74) |
hsl(150,58%,29%) |
#1a613d |
rgb(26,97,61) |
hsl(150,58%,24%) |
#144d30 |
rgb(20,77,48) |
hsl(150,58%,19%) |
#0f3824 |
rgb(15,56,36) |
hsl(150,58%,14%) |
#0a2417 |
rgb(10,36,23) |
hsl(150,58%,9%) |
#04100a |
rgb(4,16,10) |
hsl(150,58%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#6ED45A |
rgb(110,212,90) |
hsl(110,59%,59%) |
#5AD396 |
rgb(90,211,150) |
hsl(150,58%,59%) |
#5ABFD3 |
rgb(90,191,211) |
hsl(190,58%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A6E8C6 |
rgb(166,232,198) |
hsl(149,59%,78%) |
#80DEAE |
rgb(128,222,174) |
hsl(149,59%,69%) |
#5AD396 |
rgb(90,211,150) |
hsl(150,58%,59%) |
#35C77D |
rgb(53,199,125) |
hsl(150,58%,49%) |
#2BA165 |
rgb(43,161,101) |
hsl(149,58%,40%) |
#207A4D |
rgb(32,122,77) |
hsl(150,58%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AD396 |
rgb(90,211,150) |
hsl(150,58%,59%) |
#D259D3 |
rgb(210,89,211) |
hsl(300,58%,59%) |
#D3595A |
rgb(211,89,90) |
hsl(360,58%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AD396 |
rgb(90,211,150) |
hsl(150,58%,59%) |
#D35997 |
rgb(211,89,151) |
hsl(330,58%,59%) |
#5AD45A |
rgb(90,212,90) |
hsl(120,59%,59%) |
#D3595A |
rgb(211,89,90) |
hsl(360,58%,59%) |