Level: Basic
Insufficient contrast between text and background is one of the most common, most easily overlooked readability problems on the web.
Low Contrast Is a Genuine Barrier, Not Just an Aesthetic Choice
Text that's technically legible in good lighting on a high-quality screen can become unreadable in bright sunlight, on a lower-quality display, or for anyone with reduced vision.
There Are Established Minimum Contrast Standards
Accessibility guidelines specify minimum contrast ratios between text and background, providing an objective bar to check your choices against rather than relying on subjective judgment alone.
Contrast Applies Beyond Body Text
Buttons, icons, and form field borders all need sufficient contrast against their background to remain clearly visible and usable.
Next step: Use the Color Picker to check the contrast ratio of your text and background color combinations before finalizing a design.