Color Inputs
Foreground / Text
Background
Quick Presets
Contrast Ratio
—
AA Normal
—
Body text & UI
Needs 4.5:1
AA Large
—
18pt+ or 14pt bold
Needs 3:1
AAA Normal
—
Enhanced body text
Needs 7:1
AAA Large
—
Enhanced large text
Needs 4.5:1
Live Preview
The quick brown fox
This is how your body text will appear with these color choices. Readable text is essential for a great user experience.
Small text at 12px — captions, footnotes, labels. Always test small sizes too.