Sobre a Saddle Brown
Saddle Brown (saddlebrown) é um laranja escuro e vibrante, com o código hex #8b4513, ou rgb(139, 69, 19). No HSL, ela fica no matiz de 25°, com 76% de saturação e 31% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: saddlebrown; no lugar do valor hex.
Usando a Saddle Brown em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Saddle Brown no branco | 7.10 : 1 | AAA |
| Texto Saddle Brown no preto | 2.96 : 1 | reprovado |
Em um fundo saddle brown, use texto branco (7.10 : 1). O WCAG exige pelo menos 4.5 : 1 para textos normais e 3 : 1 para textos grandes. Teste outras combinações com o Contrast Checker.
CSS
.element {
color: saddlebrown; /* or #8b4513 */
background-color: #8b4513;
border: 1px solid rgb(139 69 19 / 50%);
}
Cores nomeadas parecidas
Sienna (#a0522d), Marrom (#a52a2a), Vermelho Tijolo (#b22222), Oliva (#808000), Vermelho Escuro (#8b0000), Verde Oliva Escuro (#556b2f).
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.