Sobre a Plum
Plum (plum) é uma cor magenta clara e moderadamente saturada, com o código hex #dda0dd, ou rgb(221, 160, 221). Em HSL ela tem matiz de 300°, 47% de saturação e 75% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: plum; em vez do valor hex.
Usando a Plum em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto plum no branco | 2.07 : 1 | reprovado |
| Texto plum no preto | 10.15 : 1 | AAA |
Em um fundo plum, use texto em preto (10.15 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outras combinações com o Verificador de Contraste.
CSS
.element {
color: plum; /* or #dda0dd */
background-color: #dda0dd;
border: 1px solid rgb(221 160 221 / 50%);
}Cores nomeadas semelhantes
Cardo (#d8bfd8), Violeta (#ee82ee), Orquídea (#da70d6), Rosa claro (#ffb6c1), Rosa (#ffc0cb), Prata (#c0c0c0).
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.