Color Scheme Input
Live Preview
Sample Heading
This is sample text to demonstrate how your color scheme looks. The quick brown fox jumps over the lazy dog.
Sample LinkContrast Analysis
Contrast Ratio:
-
WCAG 2.1 Compliance
AA Normal Text (4.5:1)
-
AA Large Text (3:1)
-
AAA Normal Text (7:1)
-
AAA Large Text (4.5:1)
-
Vision Impairment Simulation
See how your colors appear to people with different types of color vision deficiency.
Normal Vision
Sample Text
Protanopia
Red-blind (1% of males)
Sample Text
Deuteranopia
Green-blind (1% of males)
Sample Text
Tritanopia
Blue-blind (rare)
Sample Text
Achromatopsia
Complete color blindness
Sample Text
Low Vision
Reduced contrast sensitivity
Sample Text
Contrast Recommendations
Enter colors and click "Analyze Accessibility" to get recommendations.
Accessible Palette Generator
Generate an accessible color palette based on your primary color.