Contrast Checker

Check if your color combinations meet WCAG accessibility standards

Select Colors

Foreground
Background
HEX:
RGB:
HSL:
HEX:
RGB:
HSL:

Contrast Results

Foreground

Background

Small text example (Normal)

Large text example (Bold)

Contrast Ratio

21:1

WCAG Compliance

Normal Text (AA)

PASS (4.5:1)

Normal Text (AAA)

PASS (7:1)

Large Text (AA)

PASS (3:1)

Large Text (AAA)

PASS (4.5:1)
Copied to clipboard!