Color Contrast Accessibility Checker
Determine if the contrast between two colors is sufficient for people with color blindness to read. Supports multiple layers of alpha transparency.
Background Color 1
Text Color
Example Text:
Hello World
Contrast Ratio
12.63 : 1
Normal
WCAG AA: Pass
WCAG AAA: Pass
The five boxing wizards jump quickly.
Large Text
WCAG AA: Pass
WCAG AAA: Pass
The five boxing wizards jump quickly.
The five boxing wizards jump quickly.
Graphical Objects and User Interface Components
WCAG AA: Pass
WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. WCAG 2.1 requires a contrast ratio of at least 3:1 for graphics and user interface components (such as form input borders). WCAG Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.