Sobre o Trigo
Trigo (wheat) é um laranja muito claro e vibrante, com código hex #f5deb3, ou rgb(245, 222, 179). Em HSL, ele fica com matiz de 39°, saturação de 77% e luminosidade de 83%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: wheat; no lugar do valor hex.
Usando o Trigo em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto trigo no branco | 1.31 : 1 | reprova |
| Texto trigo no preto | 15.98 : 1 | AAA |
Em um fundo trigo, use texto em preto (15.98 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outros pares com o Verificador de Contraste.
CSS
.element {
color: wheat; /* or #f5deb3 */
background-color: #f5deb3;
border: 1px solid rgb(245 222 179 / 50%);
}Cores nomeadas semelhantes
Branco Navajo (#ffdead), Mocassim (#ffe4b5), Pêssego Claro (#ffdab9), Goldenrod Pálido (#eee8aa), Bisque (#ffe4c4), Amêndoa Branqueada (#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.