Free · WCAG 2.x

Check contrast.

See the contrast ratio, WCAG AA/AAA results and a suggested fix — live as you type.

graphkit.io — contrast checker
Text color
Background color
—contrast ratio

Large text — 24px regular or 18.66px bold

Normal body text at 16px. The quick brown fox jumps over the lazy dog.

Button★

Runs entirely in your browser — files are only uploaded if you choose “Save to My Graphkit”.

How it works

01
Pick two colors
Text and background.
02
Read the result
Ratio plus pass/fail for every WCAG level.
03
Apply the fix
Use the nearest passing color suggestion.

WCAG 2.x requires 4.5:1 for normal text and 3:1 for large text (AA), and 7:1 / 4.5:1 for AAA. Interface elements like icons and input borders need at least 3:1.

Related tools

Color ConverterFREEHEX, RGB, HSL, HSV and CMYK — plus shades and harmonies.CSS Gradient GeneratorFREEBuild linear, radial and conic gradients — copy CSS or export PNG.Aspect Ratio CalculatorFREEFind a ratio, or the missing width/height for any ratio.Image CompressorFREEShrink JPG, PNG and WebP file size with a quality slider.Image ResizerFREEResize to exact pixels or social-media presets.Image ConverterFREEConvert between JPG, PNG and WebP — many files at once.

Browse all tools →