What is the minimum contrast ratio for WCAG AA compliance?

For WCAG AA compliance, normal text requires a minimum contrast ratio of 4.5:1, while large text (18pt or 14pt bold) requires 3:1.

What is the difference between WCAG AA and AAA standards?

WCAG AAA requires higher contrast ratios: 7:1 for normal text and 4.5:1 for large text, compared to AA's 4.5:1 and 3:1 respectively.

How do I fix poor color contrast?

Use our automatic fix feature to adjust either text or background colors while maintaining your design intent, or manually adjust colors using HSL sliders with visual indicators showing optimal zones for AA/AAA compliance.

What are the visual indicators on the adjustment sliders?

The green zones and AA/AAA markers show optimal ranges for achieving WCAG compliance. The direction hints (Lighter/Darker) guide you toward better contrast based on your current color combination.

Can I test custom color combinations?

Yes, you can enter any hex color codes or use the color picker to select custom colors. The URL updates automatically so you can share specific color combinations.

Color Contrast Checker - WCAG AA & AAA Compliance Tool

1.00:1

Contra

Fail

Pauperrimus

Textus Normalis

AA (4.5:1)

✖

AAA (7:1)

✖

Magnum illud

AA (3:1)

✖

AAA (4.5:1)

✖

Textum Colorem

Black

#000000

Background color

Black

#ff009e

Reparationes Celeres

Titulus Praevisus

Vulpes fusca celeris canem pigrum supersilit

Exemplum textus parvi (12px)

Textus

#000000

Contextus

#ff009e

Normae WCAG

Level AA

Ratio minima contrastus 4.5:1 pro textu normali et 3:1 pro textu magno. Requiritur pro plerisque paginis interretialibus.

Level AAA

Ratio contrastus aucta 7:1 pro textu normali et 4.5:1 pro textu magno. Ad optimam accessibilitatem commendatur.

Pauper discrepantiae omnium textuum magnitudinum.

Color Contra Sedatus

Contrariam rationem textus et colorum computare.

Colorem elige utens colore picker pro textu et colorato colore vel in RGB forma hexadecimali (exampla, #259 vel #2596BE) ingredere. Color lapsus eligere potes aptare. Web Content Accessibility Guidelines (WCAG) certas rationes ad instar adiuvandi habet utrum textus pro usoribus perspicacibus legendus sit. Haec criteria certo algorithmo utitur ad iuncturas colorum in rationibus comparandis describendas. Hac formula utens, WCAG affirmat rationem 4.5:1 color discrepantis cum textu et eius curriculo congruens textui regulari, et textus grandis (18+ pt regularis vel 14+ pt audax) saltem habere debet 3; 1 color antithesis ratio.

Proprietates Claves

• Computatio rationis contrastus in tempore reali
• Verificatio obsequii WCAG AA et AAA
• Cursores HSL ad subtiliter adaptandum
• Formae praevisae multiplices

Instrumenta Provectiora

• Fixatio automatica colorum
• Exempla textus et fundi
• Detectio nominis coloris
• Exporta resultata

ImageColorPicker.com

Inspector Contrastus Colorum