Verificador de contraste de cores (WCAG)

Verifique as proporções de contraste de cores para conformidade com a acessibilidade WCAG 2.0 AA e AAA.

HEX#6366F1
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)

Contrast Checker

Sample Text (Ratio: 4.47:1)
AA Normal: FAILAA Large: PASSAAA: FAIL

Perguntas frequentes

O que é a relação de contraste WCAG?

A relação de contraste WCAG mede a diferença de luminância entre duas cores, de 1:1 (sem contraste) a 21:1 (máximo, preto sobre branco).

O que são os níveis AA e AAA?

AA requer 4,5:1 para texto normal e 3:1 para texto grande. AAA requer 7:1 para texto normal e 4,5:1 para texto grande.

O que conta como texto grande?

Texto grande é pelo menos 18pt (24px) em peso normal ou 14pt (18,66px) em negrito.