WCAG level
min contrast 4.5
Text color
HSL
159
69
23
OKLCH
0.44
0.09
164
Background color
HSL
137
59
72
OKLCH
0.84
0.12
152
Contrast
4.76
Got enough contrast between text and background color?
Bold | 12px
Accessible
Got enough contrast between text and background color?
Normal | 12px
Accessible
Got enough contrast between text and background color?
Bold | 16px
Accessible
Got enough contrast between text and background color?
Normal | 16px
Accessible
Got enough contrast between text and background color?
Bold | 19px
Accessible
Got enough contrast between text and background color?
Normal | 19px
Accessible
Web Content Accessibility Guidelines (WCAG) - Level AA
| Font size | Font weight | Min contrast |
|---|---|---|
| 75% | 0.75em | 12px | 9pt | normal | 300 / bold | 600 | 4.5 |
| 100% | 1em | 16px | 12pt | normal | 300 / bold | 600 | 4.5 |
| 120% | 1.2em | 19px (18.67px) | 14pt | normal | 300 | 4.5 |
| 120% | 1.2em | 19px (18.67px) | 14pt | bold | 600 | 3 |
| 150% | 1.5em | 24px | 18pt | normal | 300 / bold | 600 | 3 |
Source: WCAG Guideline Distinguishable