Color Contrast Checker
Instantly verify color pairs meet WCAG 2.1 accessibility standards. Live preview, ratio display, and all five compliance criteria.
Foreground — Text Color
rgb(255, 255, 255)
Background Color
rgb(26, 26, 46)
WCAG 2.1 Compliance Results
✓ PASS
AA Normal
Body text & regular UI
min. 4.5:1
✓ PASS
AA Large
18pt+ or bold 14pt+
min. 3:1
✓ PASS
AAA Normal
Enhanced standard
min. 7:1
✓ PASS
AAA Large
Enhanced large text
min. 4.5:1
✓ PASS
UI Components
Buttons, inputs, icons
min. 3:1
Live Preview
Normal text (16px)
The quick brown fox jumps over the lazy dog. Good contrast helps all users — including those with low vision — read content comfortably.
Large text (26px bold)
Accessible Design Matters
Small text (11px)
Captions, footnotes, metadata — small text demands strong contrast ratios to remain legible for all readers across all devices and lighting conditions.
UI components
Primary Button
Hyperlink text