Código de color marrón rosado (#bc8f8f)

Rosy Brown es #bc8f8f en hex y rgb(188, 143, 143) — un rojo claro. A continuación encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Rosy Brown
#bc8f8f
Nombre CSSrosybrown
Hex#bc8f8f
RGBrgb(188, 143, 143)
HSLhsl(0 25% 65%)
HWBhwb(0 56% 26%)
CMYK0%, 24%, 24%, 26%

Tintes y sombras

Armonías de color

Acerca de Rosy Brown

Rosy Brown (rosybrown) es un rojo claro y moderadamente saturado con el código hex #bc8f8f, o rgb(188, 143, 143). En HSL tiene un tono de 0°, una saturación del 25 % y una luminosidad del 65 %. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: rosybrown; en lugar del valor hex.

Uso de Rosy Brown en texto y fondos

CombinaciónRatio de contrasteWCAG
Texto Rosy Brown sobre blanco2.81 : 1no cumple
Texto Rosy Brown sobre negro7.46 : 1AAA

Sobre un fondo marrón rosado, usa texto en negro (7.46 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.

CSS

.element {
  color: rosybrown;               /* or #bc8f8f */
  background-color: #bc8f8f;
  border: 1px solid rgb(188 143 143 / 50%);
}

Colores con nombre similares

Gris oscuro (#a9a9a9), Tan (#d2b48c), Rojo violeta pálido (#db7093), Salmón oscuro (#e9967a), Caqui oscuro (#bdb76b), Madera clara (#deb887).

Preguntas frecuentes

¿Cuál es el código hex del marrón rosado?
#bc8f8f — es decir, rgb(188, 143, 143) y hsl(0, 25%, 65%). En CSS también puedes escribir simplemente rosybrown.
¿Se lee bien el texto marrón rosado sobre blanco?
Su ratio de contraste sobre blanco es de 2.81 : 1, lo que no cumple WCAG. Úsalo para decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el marrón rosado?
Su color complementario es #8fbcbc; los colores análogos #bc8fa6 y #bca68f están junto a él en la rueda de color.