Color Blindness

Color blindness simulator

See how your palette looks to people with color vision deficiency, so critical information never disappears.

Accessible color tips

Never rely on color alone — pair it with icons, text labels or pattern fills.
Keep meaningful lightness separation between adjacent areas (≥ 30% difference), not just hue.
Avoid pairing red directly against green — it is the most common deficiency combination.
In charts, favour a monochrome lightness ramp or a blue/orange contrast for adjacent series.

WCAG contrast checks with one-click accessible fixes.

Generate harmonious palettes from color theory, lock and export.

76 curated palettes filtered by style and hue.

📘

Color blindness simulation renders your colors through 8 vision-deficiency types to check how distinguishable they stay.

Pick a deficiency type and the right side shows roughly what you would see, so you can judge legibility.
Do not rely on a single type: red-green is most common, so check both Protanopia and Deuteranopia.
Safest is to keep lightness contrast (not hue alone), then pair it with the Contrast check.

💡

Choose a deficiency type to preview how colors appear, and check whether your design still reads.
Do not rely on one type: red-green is most common, check both “Protanopia” and “Deuteranopia”.
Safest is to rely on lightness contrast (not just hue) and pair it with the Contrast tool.