Color Contrast Checker
Test contrast compliance with WCAG standards
Colors
#
#
Contrast Ratio
4.51
Good
Contrast Ratio
4.51
: 1
AA Pass
AA Normal Text
Pass
Target: 4.5+
AA Large Text
Pass
Target: 3.0+
UI Components
Pass
Target: 3.0+
AAA Normal Text
Fail
Target: 7.0+
AAA Large Text
Pass
Target: 4.5+
Preview
Accessibility matters.
Designing with sufficient contrast ensures that your content is readable by everyone, including people with visual impairments.
UI Button
Icon
Body text: 18px (1.125rem) / Bold Headline: 48px (3rem)