Color Blindness Simulator

Test how your colors appear to people with color vision deficiencies. Supports 8 types of CVD including Protanopia, Deuteranopia, Tritanopia, and more.

Input Colors

Pick a color using the picker or enter a hex, RGB, or HSL value. Add up to 12 colors to your palette.

Gradient Preview

Test how a gradient looks under different CVD types. Enter start, mid, and end colors.

Simulation Results

See how your palette appears under each of the 8 color vision deficiency types.

WCAG Contrast Check

Checks contrast ratio between your first two palette colors across all CVD types (WCAG AA requires 4.5:1 for normal text, 3:1 for large text).

About Color Vision Deficiency

Red-Green (Most Common)

Protanopia and Deuteranopia affect ~8% of males. People with these conditions have difficulty distinguishing red from green, making traffic lights and status indicators challenging.

Blue-Yellow (Rare)

Tritanopia is extremely rare, affecting only 0.001% of the population. Blue and yellow appear similar, but red-green distinction is preserved.

Monochromacy

Achromatopsia (total color blindness) is the rarest form at 0.003%. These individuals see only in shades of gray and rely entirely on brightness differences.

Design Best Practices

Never use color as the only means of conveying information. Always pair color with text labels, icons, patterns, or shapes to ensure universal accessibility.

Unlock the Full Design Toolkit

Get 100+ premium tools, templates, and automation workflows in one bundle.