Sobre Burly Wood
Burly Wood (burlywood) é um laranja claro e moderadamente saturado, com o código hex #deb887, ou rgb(222, 184, 135). No HSL, ele tem matiz de 34°, 57% de saturação e 70% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: burlywood; em vez do valor hex.
Usando Burly Wood em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Burly Wood no branco | 1.86 : 1 | reprovado |
| Texto Burly Wood no preto | 11.31 : 1 | AAA |
Em um fundo burly wood, use texto em preto (11.31 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: burlywood; /* or #deb887 */
background-color: #deb887;
border: 1px solid rgb(222 184 135 / 50%);
}
Nomes de cores semelhantes
Tan (#d2b48c), Salmão Escuro (#e9967a), Salmão Claro (#ffa07a), Caqui Escuro (#bdb76b), Marrom Arenoso (#f4a460), Caqui (#f0e68c).
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.