Pega los colores de tu marca y mira todas las combinaciones a la vez: cuáles sirven para texto pequeño, cuáles solo para titulares y cuáles no sirven para texto.
Los chequeadores comparan dos colores. Una marca no se usa de a dos: se usa entera, y ahí es donde aparecen las combinaciones que nadie puede leer.
| Texto ↓ · Fondo → | #F8F6F0 | #EFE6D4 | #0A1733 | #C7D3E8 | #F4C95D |
|---|---|---|---|---|---|
#F8F6F0 | Aa1.0 · ✕ | Aa1.1 · ✕ | Aa16.4 · AAA | Aa1.4 · ✕ | Aa1.5 · ✕ |
#EFE6D4 | Aa1.1 · ✕ | Aa1.0 · ✕ | Aa14.3 · AAA | Aa1.2 · ✕ | Aa1.3 · ✕ |
#0A1733 | Aa16.4 · AAA | Aa14.3 · AAA | Aa1.0 · ✕ | Aa11.8 · AAA | Aa11.3 · AAA |
#C7D3E8 | Aa1.4 · ✕ | Aa1.2 · ✕ | Aa11.8 · AAA | Aa1.0 · ✕ | Aa1.0 · ✕ |
#F4C95D | Aa1.5 · ✕ | Aa1.3 · ✕ | Aa11.3 · AAA | Aa1.0 · ✕ | Aa1.0 · ✕ |
#0A1733
sobre #F8F6F0
#0A1733
sobre #EFE6D4
#0A1733
sobre #C7D3E8
#0A1733
sobre #F4C95D
#F4C95D
sobre #F8F6F0
#C7D3E8
sobre #F8F6F0
#F4C95D
sobre #EFE6D4
#C7D3E8
sobre #EFE6D4
#EFE6D4
sobre #F8F6F0
#F4C95D
sobre #C7D3E8
AA — sirve para texto de cualquier tamañoSOLO TÍTULOS — 24px o más✕ — no usar para texto
Tu #F8F6F0 no funciona como texto sobre ningún fondo claro: se queda en 1.5. Donde sí funciona es sobre #0A1733, en 16.4. Si lo necesitas como texto sobre claro, oscurécelo hasta #766637 y sube a 4.55.
Ratios calculados según WCAG 2.1. Todo ocurre en tu navegador.
Esto es una de las cuarenta cosas que miramos en un diagnóstico.
Agenda tu diagnóstico