Contrast checker
See if your text is easy to read on its background, try it on a live sample, and get the nearest colors that pass WCAG 2.2.
Contrast ratio
7.73 to 1
Easy to read at any size, small print included.
WCAG 2.2
- Pass: AA Normal text Text under 18pt, or under 14pt if bold. Needs 4.5 : 1
- Pass: AA Large text Text from 18pt, or from 14pt bold. Needs 3 : 1
- Pass: AAA Normal text The enhanced level, for body text. Needs 7 : 1
- Pass: AAA Large text The enhanced level, for large text. Needs 4.5 : 1
- Pass: AA UI components and graphics Icons, input borders, focus rings and chart lines. Needs 3 : 1
Preview
Words worth reading
Good contrast keeps words clear for everyone: in bright sunlight, on a dim screen, or at the end of a long day.
Captions and fine print fade first, so they need contrast the most.
Nearest passing colors
Same hue, only the lightness moves. Use one with a click.
AA 4.5 : 1 : passes
Passes AA already.
AAA 7 : 1 : passes
Passes AAA already.