Skip to main content
ToolsHub
#14B853

#14B853 Color — #14B853

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

Color Format Conversions

HEX#14B853
RGBrgb(20, 184, 83)
HSLhsl(143, 80%, 40%)
HSVhsv(143, 89%, 72%)
CMYKC:89% M:0% Y:55% K:28%
CSS Color#14B853
Decimal1357907
Luminance0.3505

WCAG Accessibility Contrast

#14B853 on White
Ratio: 2.62:1 — Fail
#14B853 on Black
Ratio: 8.01:1 — AAA
White on #14B853
Ratio: 2.62:1 — Fail
Black on #14B853
Ratio: 8.01:1 — AAA

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

Shades & Tints Scale

50#F3FBF6
100#DCF4E5
200#B9EACB
300#95DFB2
400#66D18F
500#14B853
600#109342
700#0C6E32
800#084A21
900#052E15

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 #14B853?

The RGB equivalent is rgb(20, 184, 83). The red channel is 20, green is 184, and blue is 83 (scale 0–255).

What is the HSL value of #14B853?

The HSL value is hsl(143, 80%, 40%). Hue is 143°, saturation is 80%, and lightness is 40%.

Does #14B853 meet WCAG accessibility standards?

On a white background, #14B853 achieves a 2.62:1 contrast ratio (Fail). On a black background it achieves 8.01:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #14B853?

The complementary color (180° opposite on the hue wheel) of #14B853 is #B81479.