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 :1
Level | Normal Text | Large Text |
---|---|---|
AA | ✗ FAIL | ✗ FAIL |
AAA | ✗ FAIL | ✗ FAIL |
Protanomaly
Contrast Ratio :1
Level | Normal Text | Large Text |
---|---|---|
AA | ✗ FAIL | ✗ FAIL |
AAA | ✗ FAIL | ✗ FAIL |
Protanopia
Contrast Ratio :1
Level | Normal Text | Large Text |
---|---|---|
AA | ✗ FAIL | ✗ FAIL |
AAA | ✗ FAIL | ✗ FAIL |
Deuteranomaly
Contrast Ratio :1
Level | Normal Text | Large Text |
---|---|---|
AA | ✗ FAIL | ✗ FAIL |
AAA | ✗ FAIL | ✗ FAIL |
Deuteranopia
Contrast Ratio :1
Level | Normal Text | Large Text |
---|---|---|
AA | ✗ FAIL | ✗ FAIL |
AAA | ✗ FAIL | ✗ FAIL |
Tritanomaly
Contrast Ratio :1
Level | Normal Text | Large Text |
---|---|---|
AA | ✗ FAIL | ✗ FAIL |
AAA | ✗ FAIL | ✗ FAIL |
Tritanopia
Contrast Ratio :1
Level | Normal Text | Large Text |
---|---|---|
AA | ✗ FAIL | ✗ FAIL |
AAA | ✗ FAIL | ✗ FAIL |
Achromatomaly
Contrast Ratio :1
Level | Normal Text | Large Text |
---|---|---|
AA | ✗ FAIL | ✗ FAIL |
AAA | ✗ FAIL | ✗ FAIL |
Achromatopsia
Contrast Ratio :1
Level | Normal Text | Large Text |
---|---|---|
AA | ✗ FAIL | ✗ FAIL |
AAA | ✗ FAIL | ✗ FAIL |