Design tool
Color Contrast Checker
Check readable foreground and background color combinations against WCAG contrast thresholds.
RESULT
Your result will appear here.
USING THIS TOOL
How Color Contrast Checker helps
Enter two hex colors and view the contrast ratio with a live preview.
Method and assumptions
WCAG contrast compares relative luminances: (Lighter+0.05) ÷ (Darker+0.05).
Example
Black on white has a contrast ratio of 21:1; regular AA text generally needs at least 4.5:1.
Know the limits
Check your inputs and verify important financial, health, legal, educational or property decisions using the relevant professional or official source. Results depend on stated assumptions.