Sobre a Orquídea Escura
Orquídea Escura (darkorchid) é um roxo médio e vibrante com o código hexadecimal #9932cc, ou rgb(153, 50, 204). Em HSL, ela tem matiz de 280°, saturação de 61% e luminosidade de 50%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: darkorchid; em vez do valor hex.
Usando a Orquídea Escura em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Orquídea Escura no branco | 5.70 : 1 | AA |
| Texto Orquídea Escura no preto | 3.68 : 1 | AA apenas para texto grande |
Sobre um fundo orquídea escura, use texto em branco (5.70 : 1). O WCAG exige no mínimo 4.5 : 1 para textos normais e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: darkorchid; /* or #9932cc */
background-color: #9932cc;
border: 1px solid rgb(153 50 204 / 50%);
}
Cores nomeadas semelhantes
Azul Violeta (#8a2be2), Orquídea Média (#ba55d3), Violeta Escuro (#9400d3), Azul Ardósia (#6a5acd), Roxo Médio (#9370db), Azul Ardósia Médio (#7b68ee).
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.