Sobre o Caqui Escuro
Caqui Escuro (darkkhaki) é um amarelo médio, de saturação moderada, com o código hex #bdb76b, ou rgb(189, 183, 107). No HSL, ele fica com matiz de 56°, saturação de 38% e luminosidade de 58%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: darkkhaki; no lugar do valor hex.
Usando o Caqui Escuro em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto em caqui escuro sobre branco | 2.07 : 1 | reprova |
| Texto em caqui escuro sobre preto | 10.15 : 1 | AAA |
Em um fundo caqui escuro, use texto em preto (10.15 : 1). A WCAG pede no mínimo 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: darkkhaki; /* or #bdb76b */
background-color: #bdb76b;
border: 1px solid rgb(189 183 107 / 50%);
}
Cores nomeadas parecidas
Bronzeado (#d2b48c), Madeira Clara (#deb887), Marrom Rosado (#bc8f8f), Salmão Escuro (#e9967a), Verde Mar Escuro (#8fbc8f), Marrom Areia (#f4a460).
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.