Color de Texto
Color de Fondo
Ratio de Contraste
21 : 1
Excelente — Cumple AAA
AA — Texto Normal Pasa
AA — Texto Grande Pasa
AAA — Texto Normal Pasa
AAA — Texto Grande Pasa
Referencia rápida WCAG 2.2
Nivel AA — Texto normal ≥ 4.5 : 1
Nivel AA — Texto grande (≥18pt / 14pt bold) ≥ 3.0 : 1
Nivel AAA — Texto normal ≥ 7.0 : 1
Nivel AAA — Texto grande ≥ 4.5 : 1
¿Por qué importa el contraste de color?
El contraste de color es el criterio WCAG más incumplido en la web. Según el informe WebAIM Million de 2024, el 83,6% de las páginas de inicio tienen al menos un error de contraste. Esto afecta directamente a personas con baja visión, daltonismo y usuarios en entornos con mucha luz ambiental. Las WCAG 2.2 exigen un ratio de contraste mínimo de 4.5:1 para texto normal y 3:1 para texto grande (Nivel AA). Para el Nivel AAA, los ratios suben a 7:1 y 4.5:1 respectivamente. Nuestro validador calcula estos ratios al instante y te indica si tus combinaciones de colores cumplen cada nivel.
- 1
Ratio mínimo AA: 4.5:1 (texto normal) y 3:1 (texto grande, ≥18pt o 14pt bold).
- 2
Ratio mínimo AAA: 7:1 (texto normal) y 4.5:1 (texto grande).
- 3
El 83.6% de las webs incumplen criterios de contraste (WebAIM, 2024).
- 4
Herramienta gratuita — sin registro, uso ilimitado.
Preguntas Frecuentes
Todo lo que necesitas saber. saber.
01
La normativa española (RD 1112/2018) y europea (EAA) exigen el Nivel AA de las WCAG, que requiere un ratio de 4.5:1 para texto normal y 3:1 para texto grande (18pt regular o 14pt bold).
02
Las WCAG 2.2 (criterio 1.4.11) exigen un ratio de 3:1 para componentes de interfaz no textuales: bordes de campos de formulario, iconos funcionales, gráficos informativos, etc.
03
Este validador permite comprobar combinaciones de dos colores. Para un análisis completo de toda tu paleta corporativa, solicita una auditoría de accesibilidad.
