Sobre o Caqui
Caqui (khaki) é um amarelo claro e vibrante, com o código hexadecimal #f0e68c, ou rgb(240, 230, 140). No HSL ele fica com matiz de 54°, 77% de saturação e 75% de luminosidade. É uma das 148 cores nomeadas que todo navegador entende, então você pode escrever color: khaki; no lugar do valor hex.
Usando o caqui em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto caqui no branco | 1.28 : 1 | reprovado |
| Texto caqui no preto | 16.40 : 1 | AAA |
Em um fundo caqui, use texto em preto (16.40 : 1). A WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outras combinações com o Verificador de Contraste.
CSS
.element {
color: khaki; /* or #f0e68c */
background-color: #f0e68c;
border: 1px solid rgb(240 230 140 / 50%);
}Nomes de cores semelhantes
Vara-de-ouro pálida (#eee8aa), Branco navajo (#ffdead), Trigo (#f5deb3), Mocassim (#ffe4b5), Pêssego claro (#ffdab9), Madeira robusta (#deb887).
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.