Color Palette Generator
Generate complementary, analogous, triadic, and split-complementary palettes from any base color.
Result
Base
#3b82f6Accent 1
#f6af3bAccent 2
Accent 3
CSS Variables
--base: #3b82f6;
--accent-1: #f6af3b;About This Tool
The Contrast Checker tests color pairs to ensure they meet WCAG accessibility standards. Designers, developers, and content creators use it to verify that text is readable for users with color blindness or low vision.
Enter a foreground and background color, and the tool instantly calculates the contrast ratio. It displays whether your colors pass WCAG AA (4.5:1 for text) and AAA (7:1) compliance levels, with clear pass/fail indicators.
Use this before publishing web designs, presentations, or documents. The tool runs entirely in your browser—no data is sent anywhere, no signup required, and your color choices stay private.