Skip to main content
ToolsHub
#10B981

#10B981 Color — #10B981

Complete color reference for #10B981: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#10B981
RGBrgb(16, 185, 129)
HSLhsl(160, 84%, 39%)
HSVhsv(160, 91%, 73%)
CMYKC:91% M:0% Y:30% K:27%
CSS Color#10B981
Decimal1096065
Luminance0.3639

WCAG Accessibility Contrast

#10B981 on White
Ratio: 2.54:1 — Fail
#10B981 on Black
Ratio: 8.28:1 — AAA
White on #10B981
Ratio: 2.54:1 — Fail
Black on #10B981
Ratio: 8.28:1 — AAA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#F3FCF9
100#DBF5EC
200#B7EAD9
300#93E0C6
400#64D2AD
500#10B981
600#0D9467
700#0A6F4D
800#064A34
900#042E20

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #10B981?

The RGB equivalent is rgb(16, 185, 129). The red channel is 16, green is 185, and blue is 129 (scale 0–255).

What is the HSL value of #10B981?

The HSL value is hsl(160, 84%, 39%). Hue is 160°, saturation is 84%, and lightness is 39%.

Does #10B981 meet WCAG accessibility standards?

On a white background, #10B981 achieves a 2.54:1 contrast ratio (Fail). On a black background it achieves 8.28:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #10B981?

The complementary color (180° opposite on the hue wheel) of #10B981 is #B71048.