Check WCAG color contrast ratios for accessibility compliance.
Foreground (Text)
Background
Presets
Sample Text
Contrast Ratio
14.68:1
WCAG AA
Normal Text Pass
Large Text Pass
Normal: 4.5:1 | Large: 3:1
WCAG AAA
Normal Text Pass
Large Text Pass
Normal: 7:1 | Large: 4.5:1
Preview
Normal Text (14px): The quick brown fox jumps over the lazy dog
Large Text Bold (18px): The quick brown fox jumps over the lazy dog
Large Text (24px): The quick brown fox jumps over the lazy dog
CSS
color: #1f2937; background-color: #ffffff;