Sobre a Navajo White
Navajo White (navajowhite) é um laranja muito claro e vibrante, com código hex #ffdead, ou rgb(255, 222, 173). No HSL, ela tem matiz de 36°, saturação de 100% e luminosidade de 84%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: navajowhite; no lugar do valor hex.
Usando a Navajo White em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Navajo White no branco | 1.29 : 1 | reprova |
| Texto Navajo White no preto | 16.30 : 1 | AAA |
Em um fundo navajo white, use texto em preto (16.30 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.
CSS
.element {
color: navajowhite; /* or #ffdead */
background-color: #ffdead;
border: 1px solid rgb(255 222 173 / 50%);
}
Cores nomeadas semelhantes
Mocassim (#ffe4b5), Trigo (#f5deb3), Pêssego Claro (#ffdab9), Vara-de-ouro Pálida (#eee8aa), Bisque (#ffe4c4), Amêndoa Clara (#ffebcd).
Nomear Cores
Cole um código HEX para obter o nome mais próximo, legível para humanos, e nomes de tokens limpos para o seu CSS, SCSS, JavaScript ou configuração do Tailwind.