Background Color (HSL)
Text Color (HSL)
Layout Theme Presets
15.6:1
Calculated Contrast Ratio (L1 / L2)
Component Preview
Interactive Interface
This is a dynamic preview widget. Change the sliders on the left to test readability scores. Large text criteria applies to titles (18pt+), while normal text covers summaries.
Normal AA (>= 4.5)
Pass
Normal AAA (>= 7.0)
Pass
Large AA (>= 3.0)
Pass
Large AAA (>= 4.5)
Pass