Sobre o Laranja Escuro
Laranja Escuro (darkorange) é um laranja médio e vibrante, com o código hex #ff8c00, ou rgb(255, 140, 0). No HSL, ele tem matiz de 33°, saturação de 100% e luminosidade de 50%. É uma das 148 cores nomeadas que todos os navegadores reconhecem, então você pode escrever color: darkorange; no lugar do valor hex.
Usando o Laranja Escuro em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto em Laranja Escuro no branco | 2.33 : 1 | reprova |
| Texto em Laranja Escuro no preto | 9.00 : 1 | AAA |
Em um fundo laranja escuro, use texto em preto (9.00 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outros pares com o Verificador de Contraste.
CSS
.element {
color: darkorange; /* or #ff8c00 */
background-color: #ff8c00;
border: 1px solid rgb(255 140 0 / 50%);
}
Cores nomeadas semelhantes
Laranja (#ffa500), Vara-de-ouro (#daa520), Chocolate (#d2691e), Vermelho Laranja (#ff4500), Vara-de-ouro Escuro (#b8860b), Dourado (#ffd700).
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.