Back to Utilities
BENCHMARK 03
WCAG 2.1 Color Contrast Studio
Calculate precise relative luminance contrast ratios to certify accessibility compliance across UI text and commercial visuals.
Presets:
Color Inputs
Render Preview
Freeclay Typography Preview
The quick brown fox jumps over the lazy dog. Commercial visual systems require consistent legibility across dark and light surfaces.
Contrast Ratio
18.10 : 1
Normal Text (Body)
Min 4.5:1 for AA • Min 7:1 for AAA
AA AAA
Large Text (18pt+ / Bold 14pt+)
Min 3:1 for AA • Min 4.5:1 for AAA
AA AAA
UI Components & Icons
Min 3:1 for Level AA
AA
W3C Web Content Accessibility Guidelines (WCAG) 2.1 relative luminance specification.