Color Blindness Simulator

Build your palette, then see how it looks across 8 types of color vision — with WCAG scores and one-click Contrast Checker

Your Palette

Click any swatch to edit • Up to 8 colors

Normal Vision

Standard color vision
Original
Simulated
Sample Heading
Body text preview
1.4:1Fail
Sample Heading
Body text preview
1.2:1Fail
Sample Heading
Body text preview
1.3:1Fail

Website Preview

See how your palette looks on a real UI with active vision type

Normal Vision
Brandname
Sign Up
✦ New Release

Design for everyone,
not just some

Build accessible products that work for all users regardless of vision type. Test your palette now.

98%
Analytics
Accuracy
12k
Users
Active
4.9
Speed
Rating
Key Features
✓
Accessible color palettes
✓
WCAG compliance check
✓
Vision simulation
Accessibility Score
075 / 100
© 2025 Brandname
PrivacyTermsHelp

All Vision Types

Normal Vision
Standard color vision · ~92%
Active
Protanopia
Red-blind (severe) · ~1%
1.4:1
1.7:1
1.7:1
1.2:1
1.1:1
Protanomaly
Red-weak (mild) · ~1%
1.2:1
1.4:1
1.4:1
1.1:1
1.0:1
Deuteranopia
Green-blind (severe) · ~1%
1.7:1
2.1:1
2.0:1
1.3:1
1.1:1
Deuteranomaly
Green-weak (mild) · ~5%
1.1:1
1.3:1
1.3:1
1.1:1
1.0:1

Related Tools

Contrast Checker
WCAG accessibility testing
Advanced Accessibility
Full WCAG suite
Color Analyzer
Deep color analysis
Color Harmony Wheel
Explore color theory
Color Toner
Tints & shades
Image Color Picker
Extract from images

Design for Universal Accessibility

Around 8% of men and 0.5% of women have some form of color vision deficiency. Our simulator lets you build a palette, upload an image to extract colors, and instantly preview how your design reads across 8 different vision types — from protanopia to full achromatopsia.

WCAG Contrast Ratios

AA Normal Text — Minimum ratio 4.5:1
AA Large Text — Minimum ratio 3:1
AAA Normal Text — Enhanced ratio 7:1
AAA Large Text — Enhanced ratio 4.5:1