Sobre o Laranja Avermelhado
Laranja Avermelhado (orangered) é um laranja médio e vibrante, com o código hex #ff4500, ou rgb(255, 69, 0). Em HSL, ele fica com matiz de 16°, saturação de 100% e luminosidade de 50%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: orangered; em vez do valor hexadecimal.
Usando o Laranja Avermelhado em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto laranja avermelhado no branco | 3.44 : 1 | AA apenas para texto grande |
| Texto laranja avermelhado no preto | 6.10 : 1 | AA |
Em um fundo laranja avermelhado, use texto preto (6.10 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outros pares com o Verificador de Contraste.
CSS
.element {
color: orangered; /* or #ff4500 */
background-color: #ff4500;
border: 1px solid rgb(255 69 0 / 50%);
}
Nomes de cores semelhantes
Chocolate (#d2691e), Vermelho (#ff0000), Laranja Escuro (#ff8c00), Tomate (#ff6347), Carmesim (#dc143c), Vermelho Tijolo (#b22222).
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.