MyKit.tools

Colour Contrast Checker

Check your text and background colour combinations against WCAG AA and AAA accessibility standards. Get contrast ratios and fix suggestions instantly.

WCAG Contrast Checker

Quick Presets

Preview Text

This is how your text will appear on the background.

The quick brown fox jumps over the lazy dog

Contrast Analysis

Contrast Ratio

21.00:1

Higher ratios indicate greater contrast and better accessibility

WCAG AA

Normal Text✓ Pass
Large Text✓ Pass
UI Components✓ Pass

WCAG AAA

Enhanced Contrast✓ Pass

Requires 7:1 ratio

Accessibility Requirements

  • 4.5:1Required for normal text (AA standard)
  • 3:1Required for large text and UI components (AA standard)
  • 7:1Required for enhanced accessibility (AAA standard)

Related Tools

Colour Contrast Checker

🎨 Creative & Design

Check if your text and background colours meet WCAG accessibility standards (AA & AAA). Auto-fix suggestions included

Colour Palette Generator

🎨 Creative & Design

Generate beautiful colour palettes instantly. Choose from random, monochromatic, analogous, complementary, triadic, pastel, and more. Lock colours, copy hex codes, download as PNG.

Font Pair Suggester

🎨 Creative & Design

Select a heading font from 20 Google Fonts. Get recommended complementary body fonts with live preview and CSS import code.