Skip to main content

Toolzium

Command Palette

Search for a command to run...

Color Contrast Checker

Ensure your color combinations meet WCAG 2.1 accessibility guidelines.

Color Settings

Contrast Ratio

21.00:1
WCAG Results
Normal TextPass
WCAG AA (4.5:1)
Normal TextPass
WCAG AAA (7:1)
Large TextPass
WCAG AA (3:1)
Large TextPass
WCAG AAA (4.5:1)
UI Components & GraphicsPass
WCAG AA (3:1)
Preview
See how your colors look in practice.

This is Large Text (18pt+ or 14pt+ bold)

This is normal text. Color contrast is an important aspect of web accessibility. Good contrast makes reading text easier for people with visual impairments, and it helps everyone when they are in situations with poor lighting or glare on their screens.

Image & Palette Color Contrast Checker | Toolzium - Toolzium