Color Contrast Checker
Check WCAG color contrast ratio for accessibility compliance.
Sample Text
The quick brown fox jumps over the lazy dog.
21.00:1
Contrast Ratio
Pass
WCAG AA (4.5:1)
Pass
WCAG AAA (7:1)
Frequently Asked Questions
- WCAG 2.1 defines contrast ratio as (L1+0.05)/(L2+0.05) where L1 and L2 are the relative luminances of the lighter and darker colors.
Related Tools
CSS Gradient GeneratorBuild linear and radial CSS gradients visuallyBox Shadow GeneratorCreate CSS box shadows with a live previewBorder Radius GeneratorGenerate CSS border-radius values visuallyFlexbox GeneratorBuild CSS flexbox layouts with a visual editorCSS Grid GeneratorBuild CSS grid layouts with a visual editorText Shadow GeneratorGenerate CSS text-shadow effects with live previewCSS Animation GeneratorCreate CSS keyframe animations with a live editorClip-Path GeneratorGenerate CSS clip-path polygon shapes visually