Type to search for tutorials, tools, or artists

Color Scheme Analyzer

Test color combinations for WCAG accessibility, contrast ratios, and color blindness simulation

Color Input

Quick Presets

Understanding WCAG

WCAG Contrast Requirements:

  • AA Normal: 4.5:1
  • AA Large: 3:1
  • AAA Normal: 7:1
  • AAA Large: 4.5:1
Color Blindness

Simulation Types:

  • Protanopia: Red-blind (~1% males)
  • Deuteranopia: Green-blind (~5% males)
  • Tritanopia: Blue-blind (rare)

Visual Preview

Sample Heading

The quick brown fox jumps over the lazy dog. This is how your text looks with these colors.

Accessibility

4.5:1
Contrast Ratio
WCAG AA (Normal Text) Pass
WCAG AA (Large Text) Pass
WCAG AAA (Normal Text) Pass
WCAG AAA (Large Text) Pass

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

Recommendations

Great contrast ratio for normal text

Saved Combinations

No combinations saved

Analyze and save your first color combination!