Código de color Saddle Brown (#8b4513)

Saddle Brown es #8b4513 en hex y rgb(139, 69, 19), un naranja oscuro. Abajo encontrarás todos los formatos de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

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

Tonos y sombras

Armonías de color

Acerca de Saddle Brown

Saddle Brown (saddlebrown) es un naranja oscuro e intenso con el código hex #8b4513, o rgb(139, 69, 19). En HSL tiene un tono de 25°, una saturación del 76 % y una luminosidad del 31 %. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: saddlebrown; en lugar del valor hex.

Uso de Saddle Brown para texto y fondos

CombinaciónRatio de contrasteWCAG
Texto Saddle Brown sobre blanco7.10 : 1AAA
Texto Saddle Brown sobre negro2.96 : 1no cumple

Sobre un fondo Saddle Brown, usa texto blanco (7.10 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Contrast Checker.

CSS

.element {
  color: saddlebrown;               /* or #8b4513 */
  background-color: #8b4513;
  border: 1px solid rgb(139 69 19 / 50%);
}

Colores con nombre similares

Sienna (#a0522d), Marrón (#a52a2a), Rojo ladrillo (#b22222), Oliva (#808000), Rojo oscuro (#8b0000), Verde oliva oscuro (#556b2f).

Preguntas frecuentes

¿Cuál es el código hex de saddle brown?
#8b4513, que equivale a rgb(139, 69, 19) y hsl(25, 76%, 31%). En CSS también puedes escribir simplemente saddlebrown.
¿El texto saddle brown es legible sobre blanco?
Su ratio de contraste sobre blanco es 7.10 : 1, lo que cumple WCAG AA para texto normal.
¿Qué colores combinan bien con saddle brown?
Su color complementario es #13598b; los colores análogos #8b131d y #8b8113 quedan junto a él en la rueda de colores.