Dev Utilities
Color Palette & Contrast Checker
Generate palettes from a base color and check WCAG contrast ratios.
native
Client-side
Generated Color Palette
WCAG Accessibility Contrast Checker
Sample Preview Text
Contrast Ratio: 8.4:1
Pass AA & AAA
Color Palette Generator & WCAG Contrast Checker
Creating harmonious color schemes while maintaining web accessibility compliance is essential for modern UI design. This Color Palette Generator produces complementary, analogous, and triadic color schemes from any base HEX color. Includes an integrated WCAG 2.1 Contrast Ratio Checker evaluating text/background combinations against AA and AAA contrast accessibility standards.
Frequently Asked Questions
What is the minimum WCAG contrast ratio for normal text?
WCAG 2.1 Level AA requires a minimum contrast ratio of 4.5:1 for normal text and 3.0:1 for large text. Level AAA requires 7.0:1 for normal text.