Sobre a cor Bisque
Bisque (bisque) é um laranja muito claro e vibrante, com o código hexadecimal #ffe4c4, ou rgb(255, 228, 196). No HSL, ela fica no matiz de 33°, com 100% de saturação e 88% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: bisque; em vez do valor hex.
Usando Bisque em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto bisque no branco | 1.22 : 1 | reprovado |
| Texto bisque no preto | 17.15 : 1 | AAA |
Em um fundo bisque, use texto em preto (17.15 : 1). O WCAG exige 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: bisque; /* or #ffe4c4 */
background-color: #ffe4c4;
border: 1px solid rgb(255 228 196 / 50%);
}
Cores nomeadas semelhantes
Amêndoa Branqueada (#ffebcd), Pêssego Claro (#ffdab9), Mocassim (#ffe4b5), Chicote de Papaia (#ffefd5), Trigo (#f5deb3), Branco Antigo (#faebd7).
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.