Sobre Chocolate
Chocolate (chocolate) é um laranja médio e vibrante, com o código hex #d2691e, ou rgb(210, 105, 30). No HSL, fica com matiz de 25°, saturação de 75% e luminosidade de 47%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: chocolate; em vez do valor hex.
Usando Chocolate em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Chocolate no branco | 3.63 : 1 | AA apenas texto grande |
| Texto Chocolate no preto | 5.78 : 1 | AA |
Em um fundo chocolate, use texto em preto (5.78 : 1). A WCAG pede no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outros pares com o Verificador de Contraste.
CSS
.element {
color: chocolate; /* or #d2691e */
background-color: #d2691e;
border: 1px solid rgb(210 105 30 / 50%);
}Cores nomeadas semelhantes
Dourado Escuro (#b8860b), Peru (#cd853f), Sienna (#a0522d), Vara-de-Ouro (#daa520), Tomate (#ff6347), Vermelho Indiano (#cd5c5c).
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.