Accessible Color System - WCAG Contrast Checker

Select Colors

Background Color

Text Color

Large Text Preview (18pt+)

Normal Text Preview (14pt)

Contrast Ratio: 21:1

AA Normal (4.5:1)

Pass

AA Large (3:1)

Pass

AAA Normal (7:1)

Pass

AAA Large (4.5:1)

Pass

bg-[#FFFFFF] text-[#000000]

--bg-color: #FFFFFF;
--text-color: #000000;

$bg-color: #FFFFFF;
$text-color: #000000;