Palette Controls
Preset Palettes:
Complementary Palette
Usage Examples
CSS Custom Properties
:root {
}Design Preview
WCAG Contrast Checker
Sample Text
The quick brown fox jumps over the lazy dog
21.00:1
Contrast Ratio
Pass
AA Normal
Pass
AA Large
Pass
AAA Normal
Pass
AAA Large
AA Normal: 4.5:1 minimum for regular text
AA Large: 3:1 minimum for large text (18pt+ or 14pt+ bold)
AAA Normal: 7:1 minimum for enhanced contrast
AAA Large: 4.5:1 minimum for large text enhanced