Sobre o Roxo Médio
Roxo Médio (mediumpurple) é um roxo claro e vibrante, com o código hex #9370db, ou rgb(147, 112, 219). No HSL, ele tem matiz de 260°, 60% de saturação e 65% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: mediumpurple; em vez do valor hex.
Usando o Roxo Médio em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Roxo Médio no branco | 3.76 : 1 | AA apenas para texto grande |
| Texto Roxo Médio no preto | 5.58 : 1 | AA |
Em um fundo roxo médio, use texto em preto (5.58 : 1). O WCAG exige no mínimo 4.5 : 1 para texto corrido e 3 : 1 para texto grande. Confira outras combinações com o Verificador de Contraste.
CSS
.element {
color: mediumpurple; /* or #9370db */
background-color: #9370db;
border: 1px solid rgb(147 112 219 / 50%);
}
Cores nomeadas semelhantes
Azul Ardósia Médio (#7b68ee), Orquídea Média (#ba55d3), Azul Ardósia (#6a5acd), Azul Cornflower (#6495ed), Orquídea Escura (#9932cc), Violeta Azulado (#8a2be2).
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.