Color Palette & Contrast Checker

Test WCAG contrast, generate accessible palettes, simulate color blindness

Contrast Checker

21:1

Palette Generator

Color Blindness Simulation

Level	Normal Text	Large Text	UI Components
AA	4.5:1	3:1	3:1
AAA	7:1	4.5:1	3:1

Large text: ≥18pt or ≥14pt bold. UI components: borders, icons, focus indicators.

Color Harmony Types

Monochromatic: Shades/tints of one hue
Analogous: Adjacent hues (30°)
Complementary: Opposite hues (180°)
Split Complementary: Base + two adjacent to complement
Triadic: Three hues 120° apart
Tetradic: Two complementary pairs
Square: Four hues 90° apart