Skip to main content
ToolsHub
#14B8A6

#14B8A6 Color — #14B8A6

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

Color Format Conversions

HEX#14B8A6
RGBrgb(20, 184, 166)
HSLhsl(173, 80%, 40%)
HSVhsv(173, 89%, 72%)
CMYKC:89% M:0% Y:10% K:28%
CSS Color#14B8A6
Decimal1357990
Luminance0.3718

WCAG Accessibility Contrast

#14B8A6 on White
Ratio: 2.49:1 — Fail
#14B8A6 on Black
Ratio: 8.44:1 — AAA
White on #14B8A6
Ratio: 2.49:1 — Fail
Black on #14B8A6
Ratio: 8.44:1 — AAA

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

Shades & Tints Scale

50#F3FBFB
100#DCF4F2
200#B9EAE4
300#95DFD7
400#66D1C5
500#14B8A6
600#109385
700#0C6E64
800#084A42
900#052E2A

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

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

What is the HSL value of #14B8A6?

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

Does #14B8A6 meet WCAG accessibility standards?

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

What is the complementary color of #14B8A6?

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