Skip to main content
ToolsHub
#10B77F

#10B77F Color — #10B77F

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

Color Format Conversions

HEX#10B77F
RGBrgb(16, 183, 127)
HSLhsl(160, 84%, 39%)
HSVhsv(160, 91%, 72%)
CMYKC:91% M:0% Y:31% K:28%
CSS Color#10B77F
Decimal1095551
Luminance0.3551

WCAG Accessibility Contrast

#10B77F on White
Ratio: 2.59:1 — Fail
#10B77F on Black
Ratio: 8.1:1 — AAA
White on #10B77F
Ratio: 2.59:1 — Fail
Black on #10B77F
Ratio: 8.1:1 — AAA

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

Shades & Tints Scale

50#F3FBF9
100#DBF4EC
200#B7E9D9
300#93DFC5
400#64D0AC
500#10B77F
600#0D9266
700#0A6E4C
800#064933
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 #10B77F?

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

What is the HSL value of #10B77F?

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

Does #10B77F meet WCAG accessibility standards?

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

What is the complementary color of #10B77F?

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