Acerca del marrón
Marrón (brown) es un rojo medio, de saturación moderada, con código hex #a52a2a, o rgb(165, 42, 42). En HSL tiene un tono de 0°, una saturación de 59% y una luminosidad de 41%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: brown; en lugar del valor hex.
Uso del marrón para texto y fondos
| Combinación | Relación de contraste | WCAG |
|---|---|---|
| Texto marrón sobre blanco | 7.08 : 1 | AAA |
| Texto marrón sobre negro | 2.96 : 1 | no cumple |
Sobre un fondo marrón, usa texto en blanco (7.08 : 1). WCAG exige al menos 4.5 : 1 para texto de cuerpo y 3 : 1 para texto grande. Revisa otras combinaciones con el Comprobador de contraste.
CSS
.element {
color: brown; /* or #a52a2a */
background-color: #a52a2a;
border: 1px solid rgb(165 42 42 / 50%);
}Colores con nombre similares
Fire Brick (#b22222), Sienna (#a0522d), Saddle Brown (#8b4513), Crimson (#dc143c), Dark Red (#8b0000), Maroon (#800000).
Buscador de Nombres de Color
Pega un código HEX para obtener su nombre más cercano y legible, además de nombres de token limpios para tu CSS, SCSS, JavaScript o configuración de Tailwind.