Sobre Vermelho Violeta Médio
Vermelho Violeta Médio (mediumvioletred) é um magenta médio e vibrante, com o código hex #c71585, ou rgb(199, 21, 133). No HSL, ele tem matiz de 322°, saturação de 81% e luminosidade de 43%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: mediumvioletred; em vez do valor hex.
Usando Vermelho Violeta Médio em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Vermelho Violeta Médio no branco | 5.42 : 1 | AA |
| Texto Vermelho Violeta Médio no preto | 3.87 : 1 | AA apenas para texto grande |
Em um fundo vermelho violeta médio, use texto em branco (5.42 : 1). A WCAG exige pelo menos 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.
CSS
.element {
color: mediumvioletred; /* or #c71585 */
background-color: #c71585;
border: 1px solid rgb(199 21 133 / 50%);
}
Cores nomeadas semelhantes
Rosa Profundo (#ff1493), Magenta Escuro (#8b008b), Roxo (#800080), Carmesim (#dc143c), Vermelho Indiano (#cd5c5c), Orquídea Escura (#9932cc).
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.