Color Contrast Checker
Large Text - 19px bold or 24px regular
Contrast ratio is a measure of the difference in perceived brightness between two colors. The higher the ratio, the better the contrast.
Normal Text - 16px
According to Web Content Accessibility Guidelines (WCAG), text and images of text should have a minimum contrast ratio of 4.5:1 (Level AA), while large text should have minimum contrast ratio of 3:1. For enhanced contrast (Level AAA), normal text and large text should have minimum contrast ratio of 7:1 and 4.5:1 respectively.
Regular Vision (Trichromatic)
Contrast Ratio 4.46:1
Level | Normal Text | Large Text |
---|---|---|
AA | ✗ FAIL | ✓ PASS |
AAA | ✗ FAIL | ✗ FAIL |
Protanomaly
Contrast Ratio 4.56:1
Level | Normal Text | Large Text |
---|---|---|
AA | ✓ PASS | ✓ PASS |
AAA | ✗ FAIL | ✓ PASS |
Protanopia
Contrast Ratio 4.43:1
Level | Normal Text | Large Text |
---|---|---|
AA | ✗ FAIL | ✓ PASS |
AAA | ✗ FAIL | ✗ FAIL |
Deuteranomaly
Contrast Ratio 4.52:1
Level | Normal Text | Large Text |
---|---|---|
AA | ✓ PASS | ✓ PASS |
AAA | ✗ FAIL | ✓ PASS |
Deuteranopia
Contrast Ratio 4.5:1
Level | Normal Text | Large Text |
---|---|---|
AA | ✓ PASS | ✓ PASS |
AAA | ✗ FAIL | ✓ PASS |
Tritanomaly
Contrast Ratio 4.5:1
Level | Normal Text | Large Text |
---|---|---|
AA | ✓ PASS | ✓ PASS |
AAA | ✗ FAIL | ✓ PASS |
Tritanopia
Contrast Ratio 4.46:1
Level | Normal Text | Large Text |
---|---|---|
AA | ✗ FAIL | ✓ PASS |
AAA | ✗ FAIL | ✗ FAIL |
Achromatomaly
Contrast Ratio 4.69:1
Level | Normal Text | Large Text |
---|---|---|
AA | ✓ PASS | ✓ PASS |
AAA | ✗ FAIL | ✓ PASS |
Achromatopsia
Contrast Ratio 4.74:1
Level | Normal Text | Large Text |
---|---|---|
AA | ✓ PASS | ✓ PASS |
AAA | ✗ FAIL | ✓ PASS |