Sobre a Thistle
Thistle (thistle) é um magenta muito claro e suave, com o código hex #d8bfd8, ou rgb(216, 191, 216). No HSL ela fica em matiz de 300°, saturação de 24% e luminosidade de 80%. É uma das 148 cores nomeadas que todo navegador entende, então você pode escrever color: thistle; no lugar do valor hex.
Usando a Thistle em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto thistle no branco | 1.70 : 1 | reprova |
| Texto thistle no preto | 12.36 : 1 | AAA |
Em um fundo thistle, use texto em preto (12.36 : 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: thistle; /* or #d8bfd8 */
background-color: #d8bfd8;
border: 1px solid rgb(216 191 216 / 50%);
}Cores nomeadas parecidas
Light Gray (#d3d3d3), Gainsboro (#dcdcdc), Plum (#dda0dd), Silver (#c0c0c0), Light Steel Blue (#b0c4de), Pink (#ffc0cb).
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.