Color Accessibility Checker
WCAG contrast ratio calculation and color-blind simulation
Choose Colors
Normal text preview: The quick brown fox
Large text preview: Aa Heading 18pt+
Contrast Result
4.48 : 1
| Level | Normal text | Large text (≥18pt / bold 14pt) |
|---|---|---|
| AA | ≥ 4.5 Fail | ≥ 3 Pass |
| AAA | ≥ 7 Fail | ≥ 4.5 Fail |
This color pair does not meet WCAG AA for normal text (4.5:1).
Color-Blind Simulation
Left: foreground; right: background as perceived with this type of color blindness.
Red-blind (Protanopia) (perceived contrast 4.48:1)
FG #777777
BG #ffffff
Green-blind (Deuteranopia) (perceived contrast 4.48:1)
FG #777777
BG #ffffff
Blue-blind (Tritanopia) (perceived contrast 4.48:1)
FG #777777
BG #ffffff
Suggested Fixes (target: AA normal text 4.5:1)
Adjust foreground to #757575 (contrast 4.61:1)
Adjust background to #050505 (contrast 4.55:1)