Color Contrast Checker

Color contrast refers to the difference in light between foreground (usually text) and background colors. It's a measure of how easily distinguishable two colors are from each other.

High contrast makes text and images more visible and readable, which is crucial for accessibility and general usability.

Pick colors

Foreground color Color picker: Hex value:

Background color Color picker: Hex value:

Example

This is how your text will look with the selected colors.

Results

Contrast Ratio: 21.00

WCAG AA

Passes WCAG AA standard (minimum ratio of 4.5:1)

WCAG AAA

Passes WCAG AAA standard (minimum ratio of 7:1)