WCAG Contrast Checker
Check contrast ratio between two colors according to WCAG 2.1 (AA/AAA).
17.06:1
Contrast ratio
Normal text
(< 18pt / 14pt bold)
AAA
AA ≥ 4.5:1 • AAA ≥ 7:1
Large text
(≥ 18pt / 14pt bold)
AAA
AA ≥ 3:1 • AAA ≥ 4.5:1
The quick brown fox jumps over the lazy dog
This is a preview of normal text at 16px on your selected background.
Small text (14px) is harder to read with low contrast.
You use this tool often? Pro includes files up to 500 MB and priority processing.
What is WCAG Contrast Checker?
The contrast checker calculates the ratio between two colors according to WCAG 2.1 and indicates AA/AAA compliance.
How to use this tool?
Select or enter your foreground and background colors. The ratio and compliance display in real time.
Benefits
- WCAG AA and AAA compliance
- Real-time text preview
- Visual color picker
- HEX and RGB support
Frequently Asked Questions
- What is the WCAG contrast ratio?
- It's a ratio (from 1:1 to 21:1) between the luminance of two colors. WCAG AA requires 4.5:1 for normal text, AAA requires 7:1.
- Are AA and AAA standards checked?
- Yes, the tool checks both levels for normal text and large text (≥18pt or ≥14pt bold).
- Can I enter HEX and RGB colors?
- Yes, both formats are supported, along with a visual color picker.
Similar Tools
Color Converter
Convert colors between HEX, RGB, HSL, HSV and more. Real-time color preview. 100% in the browser.
Use →Image Color Palette
Extract dominant colors from any image. Get a harmonious palette with HEX, RGB, and HSL codes. 100% browser-based, free.
Use →Placeholder Image Generator
Generate custom placeholder images (PNG or SVG). Configurable dimensions, colors and text.
Use →What is WCAG Contrast Checker?
The contrast checker calculates the ratio between two colors according to WCAG 2.1 and indicates AA/AAA compliance.
How to use this tool?
Select or enter your foreground and background colors. The ratio and compliance display in real time.
Benefits
- WCAG AA and AAA compliance
- Real-time text preview
- Visual color picker
- HEX and RGB support
Frequently Asked Questions
- What is the WCAG contrast ratio?
- It's a ratio (from 1:1 to 21:1) between the luminance of two colors. WCAG AA requires 4.5:1 for normal text, AAA requires 7:1.
- Are AA and AAA standards checked?
- Yes, the tool checks both levels for normal text and large text (≥18pt or ≥14pt bold).
- Can I enter HEX and RGB colors?
- Yes, both formats are supported, along with a visual color picker.
Similar Tools
Color Converter
Convert colors between HEX, RGB, HSL, HSV and more. Real-time color preview. 100% in the browser.
Use →Image Color Palette
Extract dominant colors from any image. Get a harmonious palette with HEX, RGB, and HSL codes. 100% browser-based, free.
Use →Placeholder Image Generator
Generate custom placeholder images (PNG or SVG). Configurable dimensions, colors and text.
Use →