HEX #5BCC98 color — Emerald
The color #5BCC98 is a light shade and moderately saturated.
Palette
5BCC98 color palette from light to dark
HEX |
RGB |
HSL |
#f7fdfa |
rgb(247,253,250) |
hsl(152,53%,98%) |
#e4f7ee |
rgb(228,247,238) |
hsl(152,53%,93%) |
#d0f1e1 |
rgb(208,241,225) |
hsl(152,53%,88%) |
#bdebd5 |
rgb(189,235,213) |
hsl(152,53%,83%) |
#a9e5c9 |
rgb(169,229,201) |
hsl(152,53%,78%) |
#96dfbd |
rgb(150,223,189) |
hsl(152,53%,73%) |
#82d9b0 |
rgb(130,217,176) |
hsl(152,53%,68%) |
#6fd3a4 |
rgb(111,211,164) |
hsl(152,53%,63%) |
#5bcd98 |
rgb(91,205,152) |
hsl(152,53%,58%) |
#48c78b |
rgb(72,199,139) |
hsl(152,53%,53%) |
#3abb7f |
rgb(58,187,127) |
hsl(152,53%,48%) |
#34a872 |
rgb(52,168,114) |
hsl(152,53%,43%) |
#2e9464 |
rgb(46,148,100) |
hsl(152,53%,38%) |
#288157 |
rgb(40,129,87) |
hsl(152,53%,33%) |
#226d4a |
rgb(34,109,74) |
hsl(152,53%,28%) |
#1c5a3d |
rgb(28,90,61) |
hsl(152,53%,23%) |
#164630 |
rgb(22,70,48) |
hsl(152,53%,18%) |
#103322 |
rgb(16,51,34) |
hsl(152,53%,13%) |
#0a1f15 |
rgb(10,31,21) |
hsl(152,53%,8%) |
#040c08 |
rgb(4,12,8) |
hsl(152,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#69CC5B |
rgb(105,204,91) |
hsl(113,53%,58%) |
#5BCC98 |
rgb(91,204,152) |
hsl(152,53%,58%) |
#5BB5CC |
rgb(91,181,204) |
hsl(192,53%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A3E3C5 |
rgb(163,227,197) |
hsl(152,53%,76%) |
#7FD6AE |
rgb(127,214,174) |
hsl(152,51%,67%) |
#5BCC98 |
rgb(91,204,152) |
hsl(152,53%,58%) |
#3ABD81 |
rgb(58,189,129) |
hsl(153,53%,48%) |
#2F9968 |
rgb(47,153,104) |
hsl(152,53%,39%) |
#24754F |
rgb(36,117,79) |
hsl(152,53%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5BCC98 |
rgb(91,204,152) |
hsl(152,53%,58%) |
#CC5CC7 |
rgb(204,92,199) |
hsl(303,52%,58%) |
#CC5E5B |
rgb(204,94,91) |
hsl(2,53%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5BCC98 |
rgb(91,204,152) |
hsl(152,53%,58%) |
#CC5C8F |
rgb(204,92,143) |
hsl(333,52%,58%) |
#5BCC5F |
rgb(91,204,95) |
hsl(122,53%,58%) |
#CC5E5B |
rgb(204,94,91) |
hsl(2,53%,58%) |