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.

Background Color

HEX

Text Color

HEX

Share Contrast Link

One-click create and save a sharable URL to allow you to come back to this page with the current colors prepopulated.

Regular Vision (Trichromatic)

Can distinguish all three primary color, little to no blurriness

Contrast Ratio :1

	Normal Text	Large Text
AA	✗ FAIL	✗ FAIL
AAA	✗ FAIL	✗ FAIL

Protanomaly

Trouble distinguishing reds

Contrast Ratio :1

	Normal Text	Large Text
AA	✗ FAIL	✗ FAIL
AAA	✗ FAIL	✗ FAIL

Protanopia

Red blind - Can’t see reds at all

Contrast Ratio :1

	Normal Text	Large Text
AA	✗ FAIL	✗ FAIL
AAA	✗ FAIL	✗ FAIL

Deuteranomaly

Trouble distinguishing greens

Contrast Ratio :1

	Normal Text	Large Text
AA	✗ FAIL	✗ FAIL
AAA	✗ FAIL	✗ FAIL

Deuteranopia

Green blind - Can’t see greens at all

Contrast Ratio :1

	Normal Text	Large Text
AA	✗ FAIL	✗ FAIL
AAA	✗ FAIL	✗ FAIL

Tritanomaly

Trouble distinguishing blues

Contrast Ratio :1

	Normal Text	Large Text
AA	✗ FAIL	✗ FAIL
AAA	✗ FAIL	✗ FAIL

Tritanopia

Blue blind - Can’t see blues at all

Contrast Ratio :1

	Normal Text	Large Text
AA	✗ FAIL	✗ FAIL
AAA	✗ FAIL	✗ FAIL

Achromatomaly

Partial color blindness, sees the absence of most colors

Contrast Ratio :1

	Normal Text	Large Text
AA	✗ FAIL	✗ FAIL
AAA	✗ FAIL	✗ FAIL

Achromatopsia

Complete color blindness, can only see shades

Contrast Ratio :1

	Normal Text	Large Text
AA	✗ FAIL	✗ FAIL
AAA	✗ FAIL	✗ FAIL