Sobre a Orquídea
Orquídea (orchid) é uma cor magenta clara e moderadamente saturada, com o código hex #da70d6, ou rgb(218, 112, 214). No HSL, ela fica com matiz de 302°, 59% de saturação e 65% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: orchid; no lugar do valor hex.
Usando a Orquídea em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto orquídea no branco | 2.89 : 1 | reprovado |
| Texto orquídea no preto | 7.27 : 1 | AAA |
Em um fundo orquídea, use texto em preto (7.27 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outras combinações com o Verificador de Contraste.
CSS
.element {
color: orchid; /* or #da70d6 */
background-color: #da70d6;
border: 1px solid rgb(218 112 214 / 50%);
}
Cores nomeadas semelhantes
Violeta (#ee82ee), Orquídea Média (#ba55d3), Ameixa (#dda0dd), Rosa Choque (#ff69b4), Vermelho Violeta Pálido (#db7093), Roxo Médio (#9370db).
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.