Colors & design

Color contrast checker

Good colors should be readable. Check your text and background together.

Text color

Background color

A little more clarity.

Small tools for everyday life.

—WCAG 2.2

AA · Normal text—

AA · Large text—

AAA · Normal text—

AAA · Large text—

How it works

Choose two colors. Their relative luminances determine the WCAG contrast ratio. AA text thresholds are 4.5:1 for normal text and 3:1 for large text.

Try an example

#000000 + #FFFFFF = 21:1

Large means at least 18pt, or 14pt bold. Opaque sRGB only. A passing pair does not certify an entire page’s accessibility.

Updated · 2026-09-22