#10B981
Color Name
Emerald
rgb(16, 185, 129)•hsl(160, 84%, 39%)•Lum 0.364
HEX#10B981
RGBrgb(16, 185, 129)
HSLhsl(160, 84%, 39%)
HSVhsv(160, 91%, 73%)
CMYKcmyk(91%, 0%, 30%, 27%)
CSS Variable--color-primary: #10B981;
CSS Backgroundbackground-color: #10B981;
Color Harmonies
Classic color wheel theory relationships derived from #10B981. Click any swatch to explore.
Complementary (180°)
Analogous (-30° / +30°)
Triadic (120° / 240°)
Split Complementary (150° / 210°)
Monochromatic (Lightness & Saturation Progression)
Shades & Tints
Step-by-step luminance variations created by adding black (shades) or white (tints).
Shades (Mixing with Black)
#0EA473
11% Dark#0C9064
22% Dark#0B7B56
33% Dark#096748
44% Dark#075239
56% Dark#053E2B
67% Dark#04291D
78% Dark#02150E
89% DarkTints (Mixing with White)
#2BC18F
11% Light#45C99D
22% Light#60D0AB
33% Light#7AD8B9
44% Light#95E0C7
56% Light#AFE8D5
67% Light#CAEFE3
78% Light#E4F7F1
89% LightKeep Designing
Use #10B981 Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.