Color Contrast Analyzer
Check WCAG AA/AAA contrast and get the nearest accessible colour suggestions.
4.54:1Good
Large text 24px
Normal body text at 16px should be easy to read.
WCAG results
- AA normal text — needs 4.5:1Pass
- AA large text — needs 3:1Pass
- AAA normal text — needs 7:1Fail
- AAA large text — needs 4.5:1Pass
- UI components & graphics — needs 3:1Pass
Suggestions
- Text colour for AAA (7:1):
#595959
Colour-blindness preview (approximate)
AaProtanopia4.5:1
AaDeuteranopia4.5:1
AaTritanopia4.5:1
AaAchromatopsia4.5:1