HEX #5BCD96 color — Emerald

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

Color codes

copy icon
copy icon
copy icon

Palette

5bcd96 color palette from light to dark

HEX RGB HSL
#f7fdfa rgb(247,253,250) hsl(151,53%,98%)
#e4f7ed rgb(228,247,237) hsl(151,53%,93%)
#d0f1e1 rgb(208,241,225) hsl(151,53%,88%)
#bdebd4 rgb(189,235,212) hsl(151,53%,83%)
#a9e5c8 rgb(169,229,200) hsl(151,53%,78%)
#96dfbb rgb(150,223,187) hsl(151,53%,73%)
#82d9af rgb(130,217,175) hsl(151,53%,68%)
#6fd3a2 rgb(111,211,162) hsl(151,53%,63%)
#5bcd96 rgb(91,205,150) hsl(151,53%,58%)
#48c789 rgb(72,199,137) hsl(151,53%,53%)
#3abb7d rgb(58,187,125) hsl(151,53%,48%)
#34a870 rgb(52,168,112) hsl(151,53%,43%)
#2e9463 rgb(46,148,99) hsl(151,53%,38%)
#288156 rgb(40,129,86) hsl(151,53%,33%)
#226d49 rgb(34,109,73) hsl(151,53%,28%)
#1c5a3c rgb(28,90,60) hsl(151,53%,23%)
#16462f rgb(22,70,47) hsl(151,53%,18%)
#103322 rgb(16,51,34) hsl(151,53%,13%)
#0a1f15 rgb(10,31,21) hsl(151,53%,8%)
#040c08 rgb(4,12,8) hsl(151,53%,3%)

Adjacent colors

HEX RGB HSL
#6CCC5B rgb(108,204,91) hsl(111,53%,58%)
#5BCD96 rgb(91,205,150) hsl(151,53%,58%)
#5BB8CD rgb(91,184,205) hsl(191,53%,58%)

Monochromatic colors

HEX RGB HSL
#A3E3C4 rgb(163,227,196) hsl(151,53%,76%)
#7FD9AD rgb(127,217,173) hsl(151,54%,67%)
#5BCD96 rgb(91,205,150) hsl(151,53%,58%)
#3ABF7E rgb(58,191,126) hsl(151,53%,49%)
#2F9966 rgb(47,153,102) hsl(151,53%,39%)
#23754E rgb(35,117,78) hsl(151,54%,30%)

Triad color palettes

HEX RGB HSL
#5BCD96 rgb(91,205,150) hsl(151,53%,58%)
#CD5CCB rgb(205,92,203) hsl(301,53%,58%)
#CD5C5B rgb(205,92,91) hsl(1,53%,58%)

Tetrad color palettes

HEX RGB HSL
#5BCD96 rgb(91,205,150) hsl(151,53%,58%)
#CD5C92 rgb(205,92,146) hsl(331,53%,58%)
#5BCC5D rgb(91,204,93) hsl(121,53%,58%)
#CD5C5B rgb(205,92,91) hsl(1,53%,58%)