Color Contrast Checker
Don't guess the contrast. Guarantee it.Contrast ratio updated: 21.00 to 1. Results: Normal Text is Pass AA and Pass AAA. Large Text is Pass AA and Pass AAA. UI Components is Pass AA.
Foreground Color
Lightness
0%
Background Color
Lightness
100%
Live Preview
Tip of the Day
Color choices shape perception, emotions, and the way people connect with a design.
Contrast Ratio
21.00 : 1
Very high contrast
Great! we got a good combination
| Content Type | AA | AAA |
|---|---|---|
| Normal Text | Pass | Pass |
| Large Text | Pass | Pass |
| UI Components | Pass | — |
Accessible Alternatives
Change background only
Ratio4.5
Change foreground only
Ratio4.5
Adjust Both
Ratio4.5