Color Contrast Checker
Color values
Compare foreground and background colors against WCAG AA contrast requirements.
Hex, RGB, RGBA, and HSL values are supported.
Semi-transparent foreground colors are blended before testing.
Live sample
Review the pairing visually and confirm its measured accessibility.
Sample Heading
Contrast ratio7.78 : 1
- Normal textRequires 4.5 : 1Pass
- Large textRequires 3 : 1Pass