HEX #5AD396 color — Emerald

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

Color codes

copy icon
copy icon
copy icon

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%)