Saltar al contenido
Color Codes

Color CSS con nombre

Código de color SaddleBrown

SaddleBrown es un marrón oscuro y intenso con el código hexadecimal #8B4513. En RGB es rgb(139, 69, 19), en HSL hsl(25, 76%, 31%) y en CMYK cmyk(0%, 50%, 86%, 45%).

SaddleBrown
#8B4513

Valores del color

En CSS puedes escribirlo con la palabra clave saddlebrown.

El texto blanco sobre SaddleBrown tiene una relación de contraste de 7.10:1 y el texto negro de 2.96:1, así que el texto blanco es la opción más legible.

El color de Tailwind CSS más cercano es Amber 800 (#92400E).

Usar SaddleBrown en CSS

.element {
  color: saddlebrown;
  background-color: #8b4513;
  border-color: rgb(139, 69, 19);
}

Tonos claros y oscuros de SaddleBrown

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con SaddleBrown

Armonías de la rueda de color creadas a partir de #8B4513. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre SaddleBrown

Aa
Texto blanco
7.10:1
AAA
Aa
Texto negro
2.96:1
No cumple
Comprobar en el verificador de contraste

Colores parecidos a SaddleBrown

Paletas con colores parecidos

Preguntas sobre SaddleBrown

¿Cuál es el código hexadecimal de SaddleBrown?

El código hexadecimal de SaddleBrown es #8B4513. Su valor RGB es rgb(139, 69, 19) y su valor HSL es hsl(25, 76%, 31%).

¿Qué colores combinan con SaddleBrown?

El color complementario de SaddleBrown es #13598B. Para un esquema más suave prueba los colores análogos #8B131D y #8B8113; para un esquema equilibrado de tres colores usa los triádicos #138B45 y #45138B.

¿SaddleBrown es legible como color de texto?

Sobre un fondo blanco, SaddleBrown tiene una relación de contraste de 7.10:1, que cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 2.96:1.

Más colores de la familia marrones