CONTRAST CHECKER
Check Color Contrast
Compare two colors and instantly check their contrast ratio for text, buttons, UI components and graphics.
Quick Colors
Quick Colors
CONTRAST RATIO
16.67:1
Pass
Excellent contrast — passes all text levels.
LIVE PREVIEW
See the colors in real use
Check how your color combination looks in common interface situations.
Normal Text
16px
The quick brown fox jumps over the lazy dog.
Large Text
24px
Large Text Preview
Button
UI
UI Component
3:1
UI Component
ACCESSIBILITY RESULTS
WCAG Contrast Checks
See which accessibility levels your selected colors meet.
NORMAL TEXT
AA
Minimum ratio: 4.5:1
Pass
NORMAL TEXT
AAA
Minimum ratio: 7:1
Pass
LARGE TEXT
AA
Minimum ratio: 3:1
Pass
LARGE TEXT
AAA
Minimum ratio: 4.5:1
Pass
UI / GRAPHICS
3:1
Minimum ratio: 3:1
Pass