Paleta de colores

Color beige

Palabra francesa que designaba la lana sin teñir. Es un tono muy claro entre el blanco y el marrón. Es uno de los neutros más buscados para paredes, ropa básica y fondos de sitios web.

También llamado: beis (España), crudo claro.

Beige · #F5F5DC

Datos del color beige

El beige (#F5F5DC) es un color cálido, claro y de saturación media. Pertenece a la familia de los marrones. Se mezcla con 245 de rojo, 245 de verde y 220 de azul (sobre 255). Se usa sobre todo en decoración, moda, web.

Tonos del beige: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Colores que combinan con el beige

BlancoUn look limpio y luminoso de estilo minimalista.CaféCrea una gama tierra cálida y elegante.Verde olivaLe da un aire natural y relajado.Azul marinoContraste sobrio y clásico.NegroHace que el beige se vea más moderno y sofisticado.TerracotaSuma calidez mediterránea.Verde salviaUn dúo suave y muy actual en decoración.DoradoRealza el beige con un toque de lujo.
Cómo combinar el beige en ropa y decoración →

Armonías del color beige

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Lila pastel
AnálogosCercano a: Lino
TríadaCercano a: Blanco humo, Rosa pastel
Complementario divididoCercano a: Platino, Lila pastel
TétradaCercano a: Alabastro, Lila pastel, Rosa pastel

Paletas con el color beige

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Beige
Paleta Análoga · Beige
Paleta Complementaria · Beige
Paleta Tríada · Beige
Paleta Con neutros · Beige
Paleta Con acento · Beige

Contraste del beige con texto

Texto blancoContraste 1.1:1 · No recomendado
Texto negroContraste 19.0:1 · AAA

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --beige: #F5F5DC;
  --beige-rgb: 245, 245, 220;
}
.fondo { background-color: var(--beige); }
.texto { color: var(--beige); }

Colores parecidos al beige

Cáscara de huevoCrudoMarfilBlanco antiguoChampánPerlaAlabastroLinoHuesoCrema

Paletas temáticas con este color

Paletas de colores para bautizoPaletas de colores para cumpleañosPaletas de colores para baby showerPaletas de colores para XV añosPaletas de colores para graduaciónPaletas de colores para primera comunión

Otros marrones

MarrónCaféChocolateCaobaCastañoCanelaSepiaOcreCarameloCamelMokaCaquiArenaNudeBronceTabacoSienaCafé con leche

Preguntas frecuentes

¿Cuál es el código del color beige?

El código HEX del color beige es #F5F5DC. En RGB es rgb(245, 245, 220), en HSL es hsl(60, 56%, 91%) y en CMYK es 0, 0, 10, 4.

¿Qué color es el complementario del beige?

Su complementario en el círculo cromático es #DCDCF5, un tono cercano al lila pastel. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color beige?

Mejor usa texto negro: el contraste con blanco es solo 1.1:1, mientras que con negro es 19.0:1.

¿Con qué colores combina el beige?

Combina bien con blanco, café, verde oliva, azul marino, negro. Evita juntar el beige con amarillos pálidos o grises verdosos muy claros, porque el conjunto se ve sucio o desteñido. Tampoco uses solo beige sin cambiar de tono o textura.