¿Se llevan bien los tres?

Elige un fondo, un color de texto y un acento (el de los botones, bordes o enlaces). Reviso los tres pares a la vez y, si algo falla, busco el cambio más pequeño para que todo cumpla.

4.5:1 texto normal (AA)
3:1 texto grande, botones, bordes e íconos (AA)
7:1 texto normal (AAA)

💧 Cuentagotas en una imagen

Sube, arrastra o pega (Ctrl+V) una imagen y toca cualquier punto para tomar su color. La imagen se queda en tu navegador, no se sube a ningún lado.

El color va a

Tus tres colores

Nivel AA (lo recomendado) AAA (más exigente)

Resultado

Para cada par, dime cómo lo vas a usar y cambio el mínimo que se exige.

Arreglos que sí cumplen

Ordenados del cambio más pequeño al más grande (ΔE mide cuánto cambia el color a la vista). Puedes probar uno y luego otro: la lista se queda. Con 🔒 Fijo en un color, nunca lo toco.

Vista previa

Así se vería una tarjeta del catálogo con tu trío. La letra del botón usa el color (texto o fondo) que mejor se lee sobre el acento.

Cómo lo ven otras personas

Simulación de visión de color (Machado et al., 2009). Debajo, el par más débil en cada caso.