DESIGNOpen source

WCAG Contrast Checker Color Contrast & Accessibility Compliance

Calculate WCAG 2.1 relative luminance and contrast ratios between text foreground and background colors.

Back home
Contrast Ratio
18.73 : 1
WCAG AA
PASS
WCAG AAA
PASS

Detailed Compliance Breakdown

Requirement Category
Min Ratio
Status
AA Normal Text (< 18pt)
4.5:1
Pass
AA Large Text (≥ 18pt or 14pt bold)
3.0:1
Pass
AAA Normal Text (< 18pt)
7.0:1
Pass
AAA Large Text (≥ 18pt or 14pt bold)
4.5:1
Pass
UI Components & Graphical Icons
3.0:1
Pass

Typography Preview

Large Headline Text Sample

Normal body text preview. Good contrast ensures users with visual impairments or screen glare can comfortably read page content.