Loading Contrast Ratio Checker…
Interactive tool by TechCompare
Powered by TechCompare
Contrast Checker
Foreground (Text)
HEX
RGB
Lightness
0%
Background
HEX
RGB
Lightness
100%
⇄
Swap Colors
Contrast Ratio
21.00:1
Preview
Large Text
Normal text sample.
Button
Outlined
WCAG Compliance
AA Normal
Normal text (< 18pt, except ≥ 14pt bold)
✓
AA Large
Large text (≥ 18pt, or ≥ 14pt bold)
✓
AAA Normal
Normal text (< 18pt, except ≥ 14pt bold)
✓
AAA Large
Large text (≥ 18pt, or ≥ 14pt bold)
✓
UI Components
Graphical objects
✓