HEX #5ECF96 color — Emerald
The color #5ecf96 is a light shade and moderately saturated.
Palette
5ecf96 color palette from light to dark
HEX |
RGB |
HSL |
#fbfefc |
rgb(251,254,252) |
hsl(150,54%,99%) |
#e7f8f0 |
rgb(231,248,240) |
hsl(150,54%,94%) |
#d4f2e3 |
rgb(212,242,227) |
hsl(150,54%,89%) |
#c0ecd6 |
rgb(192,236,214) |
hsl(150,54%,84%) |
#ade6c9 |
rgb(173,230,201) |
hsl(150,54%,79%) |
#99e1bd |
rgb(153,225,189) |
hsl(150,54%,74%) |
#85dbb0 |
rgb(133,219,176) |
hsl(150,54%,69%) |
#72d5a3 |
rgb(114,213,163) |
hsl(150,54%,64%) |
#5ecf96 |
rgb(94,207,150) |
hsl(150,54%,59%) |
#4ac98a |
rgb(74,201,138) |
hsl(150,54%,54%) |
#39c07d |
rgb(57,192,125) |
hsl(150,54%,49%) |
#34ad70 |
rgb(52,173,112) |
hsl(150,54%,44%) |
#2e9963 |
rgb(46,153,99) |
hsl(150,54%,39%) |
#288657 |
rgb(40,134,87) |
hsl(150,54%,34%) |
#22724a |
rgb(34,114,74) |
hsl(150,54%,29%) |
#1c5e3d |
rgb(28,94,61) |
hsl(150,54%,24%) |
#164b30 |
rgb(22,75,48) |
hsl(150,54%,19%) |
#103724 |
rgb(16,55,36) |
hsl(150,54%,14%) |
#0b2317 |
rgb(11,35,23) |
hsl(150,54%,9%) |
#05100a |
rgb(5,16,10) |
hsl(150,54%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#71CF5E |
rgb(113,207,94) |
hsl(110,54%,59%) |
#5ECF96 |
rgb(94,207,150) |
hsl(150,54%,59%) |
#5EBDCF |
rgb(94,189,207) |
hsl(190,54%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A8E6C6 |
rgb(168,230,198) |
hsl(149,55%,78%) |
#83DBAE |
rgb(131,219,174) |
hsl(149,55%,69%) |
#5ECF96 |
rgb(94,207,150) |
hsl(150,54%,59%) |
#3AC27D |
rgb(58,194,125) |
hsl(150,54%,49%) |
#2F9E65 |
rgb(47,158,101) |
hsl(149,54%,40%) |
#23784D |
rgb(35,120,77) |
hsl(150,55%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5ECF96 |
rgb(94,207,150) |
hsl(150,54%,59%) |
#CE5ECF |
rgb(206,94,207) |
hsl(299,54%,59%) |
#CF5E5E |
rgb(207,94,94) |
hsl(360,54%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5ECF96 |
rgb(94,207,150) |
hsl(150,54%,59%) |
#CF5E97 |
rgb(207,94,151) |
hsl(330,54%,59%) |
#5ECF5E |
rgb(94,207,94) |
hsl(120,54%,59%) |
#CF5E5E |
rgb(207,94,94) |
hsl(360,54%,59%) |