Contrastes da proposta Percurso
Esta tabela documenta a proposta Percurso; a identidade Ligadura Opus segue vigente até decisão do fundador. Veja os pares usados pela paleta, pelos estados e pelos controles.
A tabela foi calculada por contraste.mjs. Texto exige 4,5:1; bordas, foco e outros elementos gráficos exigem 3:1.
Em telas estreitas, deslize a tabela horizontalmente. Para navegar por teclado, foque a tabela e use as setas.
| Uso | Frente | Fundo | Razão | Mínimo | Resultado |
|---|---|---|---|---|---|
| Claro: texto / página | #101412 | #F4F5F2 | 16.97:1 | 4.5:1 | Atende |
| Claro: texto secundário / página | #4C554F | #F4F5F2 | 7.06:1 | 4.5:1 | Atende |
| Claro: carvão / página | #252B31 | #F4F5F2 | 13.07:1 | 4.5:1 | Atende |
| Claro: erro / página | #AB2929 | #F4F5F2 | 6.23:1 | 4.5:1 | Atende |
| Claro: prazo / página | #795800 | #F4F5F2 | 5.98:1 | 4.5:1 | Atende |
| Claro: êxito / página | #29613B | #F4F5F2 | 6.69:1 | 4.5:1 | Atende |
| Claro: borda / página | #748078 | #F4F5F2 | 3.76:1 | 3:1 | Atende |
| Claro: foco / página | #101412 | #F4F5F2 | 16.97:1 | 3:1 | Atende |
| Marca clara: tinta carvão / página | #252B31 | #F4F5F2 | 13.07:1 | 3:1 | Atende |
| Marca clara: tinta azul de impressão / página | #5B83AA | #F4F5F2 | 3.64:1 | 3:1 | Atende |
| Claro: texto / superfície | #101412 | #FFFFFF | 18.57:1 | 4.5:1 | Atende |
| Claro: texto secundário / superfície | #4C554F | #FFFFFF | 7.72:1 | 4.5:1 | Atende |
| Claro: carvão / superfície | #252B31 | #FFFFFF | 14.30:1 | 4.5:1 | Atende |
| Claro: erro / superfície | #AB2929 | #FFFFFF | 6.82:1 | 4.5:1 | Atende |
| Claro: prazo / superfície | #795800 | #FFFFFF | 6.54:1 | 4.5:1 | Atende |
| Claro: êxito / superfície | #29613B | #FFFFFF | 7.32:1 | 4.5:1 | Atende |
| Claro: borda / superfície | #748078 | #FFFFFF | 4.12:1 | 3:1 | Atende |
| Claro: foco / superfície | #101412 | #FFFFFF | 18.57:1 | 3:1 | Atende |
| Marca clara: tinta carvão / superfície | #252B31 | #FFFFFF | 14.30:1 | 3:1 | Atende |
| Marca clara: tinta azul de impressão / superfície | #5B83AA | #FFFFFF | 3.98:1 | 3:1 | Atende |
| Claro: rótulo da ação principal | #FFFFFF | #252B31 | 14.30:1 | 4.5:1 | Atende |
| Claro: rótulo da próxima ação | #FFFFFF | #101412 | 18.57:1 | 4.5:1 | Atende |
| Paleta: texto sobre azul | #101412 | #5B83AA | 4.66:1 | 4.5:1 | Atende |
| Paleta: texto sobre encontro | #101412 | #E7AE24 | 9.27:1 | 4.5:1 | Atende |
| Escuro: texto claro / fundo | #F4F5F2 | #191E1B | 15.44:1 | 4.5:1 | Atende |
| Escuro: texto secundário / fundo | #C5CEC8 | #191E1B | 10.49:1 | 4.5:1 | Atende |
| Escuro: erro / fundo | #FFAAA2 | #191E1B | 9.27:1 | 4.5:1 | Atende |
| Escuro: prazo / fundo | #EAD172 | #191E1B | 11.15:1 | 4.5:1 | Atende |
| Escuro: êxito / fundo | #A7D6AA | #191E1B | 10.33:1 | 4.5:1 | Atende |
| Escuro: tinta clara / fundo | #F4F5F2 | #191E1B | 15.44:1 | 4.5:1 | Atende |
| Escuro: borda / fundo | #9EAAA2 | #191E1B | 7.02:1 | 3:1 | Atende |
| Escuro: foco / fundo | #F4F5F2 | #191E1B | 15.44:1 | 3:1 | Atende |
| Marca negativa: tinta clara / fundo | #F4F5F2 | #191E1B | 15.44:1 | 3:1 | Atende |
| Marca negativa: azul médio / fundo | #5A84C0 | #191E1B | 4.42:1 | 3:1 | Atende |
| Escuro: texto claro / painel | #F4F5F2 | #29312C | 12.22:1 | 4.5:1 | Atende |
| Escuro: texto secundário / painel | #C5CEC8 | #29312C | 8.30:1 | 4.5:1 | Atende |
| Escuro: erro / painel | #FFAAA2 | #29312C | 7.34:1 | 4.5:1 | Atende |
| Escuro: prazo / painel | #EAD172 | #29312C | 8.83:1 | 4.5:1 | Atende |
| Escuro: êxito / painel | #A7D6AA | #29312C | 8.18:1 | 4.5:1 | Atende |
| Escuro: tinta clara / painel | #F4F5F2 | #29312C | 12.22:1 | 4.5:1 | Atende |
| Escuro: borda / painel | #9EAAA2 | #29312C | 5.56:1 | 3:1 | Atende |
| Escuro: foco / painel | #F4F5F2 | #29312C | 12.22:1 | 3:1 | Atende |
| Marca negativa: tinta clara / painel | #F4F5F2 | #29312C | 12.22:1 | 3:1 | Atende |
| Marca negativa: azul médio / painel | #5A84C0 | #29312C | 3.50:1 | 3:1 | Atende |
| Escuro: rótulo da ação principal | #191E1B | #F4F5F2 | 15.44:1 | 4.5:1 | Atende |
| Escuro: próxima ação | #191E1B | #F4F5F2 | 15.44:1 | 4.5:1 | Atende |
| Marca negativa: tinta clara / capa carvão | #F4F5F2 | #252B31 | 13.07:1 | 3:1 | Atende |
| Marca negativa: azul médio / capa carvão | #5A84C0 | #252B31 | 3.74:1 | 3:1 | Atende |