Color Contrast Checker
Check color contrast ratios for WCAG 2.1 compliance. Enter foreground and background colors to instantly see AA/AAA pass/fail results for normal and large text.
CheckerRubah coklat yang cepat melompati anjing yang malas
Teks isi normal pada 16px untuk pengujian keterbacaan.
Teks kecil pada 14px — lebih sulit dibaca dengan kontras rendah.
AA Teks Normal
Minimum 4,5:1
AA Teks Besar
Minimum 3:1
AAA Teks Normal
Minimum 7:1
AAA Teks Besar
Minimum 4,5:1
How to Use
-
1
Pick your colors
Enter foreground and background colors using hex codes or the color picker.
-
2
View contrast ratio
See the calculated contrast ratio instantly as you type or select colors.
-
3
Check compliance
Review WCAG AA and AAA pass/fail results for both normal and large text.
About
The WCAG color contrast guidelines were developed by the World Wide Web Consortium (W3C) as part of the Web Content Accessibility Guidelines. First published in 1999, WCAG has evolved through versions 1.0, 2.0, 2.1, and 2.2, with each iteration refining accessibility standards for web content.
The contrast ratio formula is based on relative luminance calculations from the sRGB color space. Each color channel is converted from gamma-corrected sRGB to linear light, then combined using the standard luminance coefficients: 0.2126 for red, 0.7152 for green, and 0.0722 for blue. The contrast ratio is computed as (L1 + 0.05) / (L2 + 0.05), where L1 is the lighter luminance.
Section 508 of the US Rehabilitation Act and the European Accessibility Act both reference WCAG criteria. Meeting WCAG AA is typically the minimum legal requirement, while AAA represents the highest level of accessibility conformance.