Skip to content

Color Contrast Checker

Enter a text colour and a background colour and see the real WCAG 2 contrast ratio, with the AA and AAA results for both normal and large text. Every result is calculated from the official formula — nothing is estimated — and if a pair fails we can find the nearest colour that passes.

klyro / tools / contrast-checker

FreeNo signupIn your browser

Colours

Copy

color: #0A0F1A;
background-color: #FFFFFF;

Result

Klyro makes digital work simpler.

Check how readable your text is against this background.

#0A0F1A on #FFFFFF

19.15

: 1 contrast ratio

Normal text

Under 18pt / 14pt bold

AA4.5:1Pass
AAA7:1Pass

Large text

18pt+ / 14pt+ bold

AA3:1Pass
AAA4.5:1Pass

Ratios are calculated with the WCAG 2 relative-luminance formula and compared against the published thresholds — 4.5:1 for normal text at AA, 3:1 for large text, 7:1 and 4.5:1 at AAA. The value shown is rounded down, so it never overstates the result. Contrast is one part of accessible text, not all of it.

KLYRO ProPro

Unlock advanced features, save your work and get more from this tool.

€4.99/monthor €49/year

Upgrade to Pro
What the numbers mean. The ratio is calculated with the WCAG 2 relative-luminance formula and compared against the published thresholds, so a pass here is a real pass — and the suggested alternative colour is only offered once it has been checked against the same background. Contrast is one part of readable text: size, weight, spacing and the surrounding design all matter too, and this tool cannot judge those.