Display format
Checker
Contrast ratio
11.03:1
| Type | AA | AAA |
|---|---|---|
| Large textText of at least 24px, or 18.5px if bold. AA requires a 3:1 contrast ratio, AAA requires 4.5:1. | Pass | Pass |
| Normal textText below 24px (18.5px if bold). AA requires a 4.5:1 contrast ratio, AAA requires 7:1. | Pass | Pass |
| Graphics and UIIcons, charts and parts of UI components. AA requires a 3:1 contrast ratio; WCAG defines no AAA criterion. | Pass | Not applicable |
Preview
Color for everyone
In this view, the foreground color speaks through the text while the background color sets the scene. Together, they create a clear and readable balance. A strong contrast keeps every word clear and comfortable to read.
Primary actionSecondary action
Same colors, reversed
Big titles set the tone
Flip the colors and the contrast ratio stays the same, even though the visual balance may feel completely different. Good combinations should work beautifully both ways.
Primary actionSecondary action