Color Contrast

21:1
Contrast Ratio
AA Normal Text
PASS
≥ 4.5:1
AA Large Text
PASS
≥ 3:1
AAA Normal Text
PASS
≥ 7:1
AAA Large Text
PASS
≥ 4.5:1
Live Preview
Large Text (24px Bold)
Normal body text at 16px — The quick brown fox jumps over the lazy dog.
Small text at 12px — Accessibility matters for everyone.
Extra small 10px — Fine print and captions.
Color Blindness Simulation
Preset Accessible Combos
Copy CSS Values
color: #000000;
background-color: #FFFFFF;
color: #000000; background-color: #FFFFFF;
Recently Checked

Understanding WCAG Contrast Levels

LevelText SizeMin RatioDescription
AANormal (< 18pt)4.5 : 1Minimum for body text — required for most compliance.
AALarge (≥ 18pt / 14pt bold)3 : 1Headings and large UI elements.
AAANormal (< 18pt)7 : 1Enhanced readability — best for long-form content.
AAALarge (≥ 18pt / 14pt bold)4.5 : 1Enhanced for headings and large text.