Guía de color

Color Beige

#D5C9B2

Códigos del color beige

HEX
#D5C9B2
RGB
rgb(213, 201, 178)
HSL
hsl(39, 29%, 77%)
OKLCH
oklch(92% 0.01 169)

Qué significa el beige

El beige es calma natural y discreta. La base del lujo silencioso y las marcas orgánicas.

Cómo usarlo en diseño

Fondo neutro excelente para editorial, moda y marcas artesanas.

Combinaciones de color con el beige

Armonías calculadas con teoría del color para el matiz base 39°.

Complementario

Contraste máximo: #D5C9B2 + #B3BFD5

Abrir en el editor

Análogo

Armonía a ±30°: #D5B8B3 · #D5C9B2 · #D0D5B3

Triádico

Separación de 120°: #D5C9B2 · #B3D5C9 · #C9B3D5

Tonos del color beige (escala 50–900)

Escala estilo Tailwind generada a partir de #D5C9B2.

50 #56544F
100 #5A5752
200 #6C665C
300 #8B806B
400 #AFA187
500 #D5C9B3
600 #F1EFEA
700 #FFFFFF
800 #FFFFFF
900 #FFFFFF

Preguntas frecuentes sobre el color beige

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

Un valor HEX muy usado para el color beige es #D5C9B2, equivalente a rgb(213, 201, 178). Según el tono que busques, puedes ajustar saturación y luminosidad manteniendo el mismo matiz (39°).

¿Qué colores combinan con el beige?

El beige combina muy bien con charcoal, terracotta, olive, navy. Su color complementario es #B3BFD5, y una combinación triádica clásica añade #B3D5C9 y #C9B3D5.

¿Es el beige accesible para textos y fondos?

Depende del ratio de contraste frente al otro color. Usa el verificador de contraste de NanoPalettes para comprobar el cumplimiento WCAG AA (4.5:1) y AAA (7:1) antes de usar el beige en textos o elementos de interfaz.

Crea tu propia paleta en beige

Genera combinaciones armónicas a partir de #D5C9B2 en segundos.

Abrir el generador de paletas