Sobre Deep Pink
Deep Pink (deeppink) é um magenta médio e vibrante, com o código hex #ff1493, ou rgb(255, 20, 147). Em HSL, ele tem matiz de 328°, saturação de 100% e luminosidade de 54%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: deeppink; no lugar do valor hex.
Usando Deep Pink em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Deep Pink sobre branco | 3.64 : 1 | AA apenas para texto grande |
| Texto Deep Pink sobre preto | 5.77 : 1 | AA |
Em um fundo deep pink, use texto em preto (5.77 : 1). A WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Contrast Checker.
CSS
.element {
color: deeppink; /* or #ff1493 */
background-color: #ff1493;
border: 1px solid rgb(255 20 147 / 50%);
}
Cores nomeadas semelhantes
Vermelho Violeta Médio (#c71585), Rosa Choque (#ff69b4), Carmesim (#dc143c), Vermelho Violeta Pálido (#db7093), Vermelho Indiano (#cd5c5c), Tomate (#ff6347).
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.