DevToolBox

Color Contrast Checker

Check WCAG 2.1 color contrast compliance for accessibility

Normal Text Sample

Large Text Sample (18pt / 14pt bold+)

Contrast Ratio: 21.00:1

Normal Text AA (4.5:1) Pass
Normal Text AAA (7:1) Pass
Large Text AA (3:1) Pass
Large Text AAA (4.5:1) Pass
UI Components / Graphics AA (3:1) Pass

Note: Large text is defined as 18pt+ (24px+) or 14pt+ (18.66px+) bold.

WCAG AA is the legal requirement in many countries. AAA is enhanced accessibility for vision impairments.