Código da Cor Saddle Brown (#8b4513)

Saddle Brown é #8b4513 em hex e rgb(139, 69, 19), um laranja escuro. Abaixo estão todos os formatos de cor, tons claros e escuros, harmonias e a legibilidade dela como texto.

Atualizado em

Saddle Brown
#8b4513
Nome CSSsaddlebrown
Hex#8b4513
RGBrgb(139, 69, 19)
HSLhsl(25 76% 31%)
HWBhwb(25 7% 45%)
CMYK0%, 50%, 86%, 45%

Tons claros e escuros

Harmonias de cor

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çãoRazão de contrasteWCAG
Texto Saddle Brown no branco7.10 : 1AAA
Texto Saddle Brown no preto2.96 : 1reprovado

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).

Perguntas frequentes

Qual é o código hex da saddle brown?
#8b4513, que equivale a rgb(139, 69, 19) e hsl(25, 76%, 31%). No CSS, você também pode escrever simplesmente saddlebrown.
O texto saddle brown é legível no branco?
Sim. A razão de contraste dela no branco é 7.10 : 1, o que passa no WCAG AA para textos normais.
Quais cores combinam com a saddle brown?
A cor complementar dela é #13598b. As cores análogas #8b131d e #8b8113 ficam ao lado dela no círculo cromático.