Beige es un color neutro claro y versátil que combina sutilmente tonos suaves de marrón y blanco. Este tono se sitúa hacia el extremo más claro del espectro marrón en la rueda de colores. Se asemeja a un crema pálido en lugar de abarcar tonos más oscuros como el topo, y ofrece una elegancia cálida y discreta.
Beige se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #EDE8D0
- Valor RGB: 92.9% rojo, 91% verde y 81.6% azul
La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.
Para usar beige de manera efectiva en el diseño de interfaces, considera lo siguiente:
- Crea una interfaz sutil y elegante. Beige ofrece un fondo neutro que irradia calidez y sofisticación, ideal para diseños que buscan una elegancia discreta.
- Mejora la legibilidad y el confort. Sus tonos suaves pueden reducir la fatiga visual, haciendo que la lectura y la navegación en tu interfaz sean más cómodas para los usuarios, especialmente en aplicaciones que implican texto extenso o sesiones de navegación prolongadas.
- Combina con colores de acento ricos. Usa beige junto a tonos más intensos como azul profundo o burdeos para introducir contraste y resaltar elementos clave sin sacrificar la calma y armonía general.
- Transmite fiabilidad y estabilidad. La asociación de beige con la calma y la fiabilidad lo hace adecuado para marcas que desean proyectar una imagen confiable y estable a través de su presencia digital.
Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
Para variaciones dentro del mismo espectro suave y neutro que el beige, considera:
- Crema (#FDFBD4) ofrece una versión más clara y aireada del beige, imbuyendo los espacios con una calidez suave y calmante mientras mantiene la simplicidad neutral.
- Bronceado (#D6B588) es un poco más oscuro, aportando un toque de terrosidad, semejante al color del cuero sin curtir, y mantiene una presencia cálida e invitante similar al beige.
- Caqui (#F0E68C) introduce un matiz ligeramente más amarillo, evocando la estética natural y apagada de los uniformes militares.
- Topo (#54463A), aunque generalmente más oscuro, comparte la mezcla de tonos marrón y gris del beige, proporcionando una opción más profunda pero igualmente versátil y neutral.
Para complementar los tonos discretos del beige, considera combinarlo con:
- Rosa empolvado (#DCA1A1) introduce un rosa suave y apagado que armoniza bellamente con el beige, añadiendo un toque de color sin abrumar su elegancia sutil.
- Verde salvia (#9DC183) aporta un toque de naturaleza y una vibra serena, creando una paleta refrescante y armoniosa que enfatiza las cualidades orgánicas del beige.
- Azul medianoche (#272757) ofrece un contraste profundo y rico, añadiendo un toque de sofisticación y profundidad a la ligereza aireada del beige para un aspecto equilibrado y elegante.
- Naranja quemado (#BE5103) añade calidez y energía vibrante, proporcionando un complemento acogedor y otoñal a la base neutral y calmante del beige.
- Gris carbón (#4A4A4A), como un neutro sólido y moderno, se combina perfectamente con el beige, anclando la paleta con su fuerte y contemporáneo borde.
Otros colores que vale la pena considerar incluyen lavanda suave para una paleta suave y caprichosa, turquesa claro para un contraste sutil y refrescante, y plata o dorado metálico para glamour y sofisticación.
Aunque el beige es increíblemente versátil, puede chocar con:
- Verde neón (#89F336) puede ser demasiado vibrante, eclipsando la suave sutileza del beige con su alta intensidad y brillo.
- Azul eléctrico (#00F0FF), con su tono audaz y vívido, podría contrastar demasiado fuertemente contra el beige, creando una tensión visual que resta calidad serena al beige.
- Rosa fuerte (#FF69B4) ofrece un contraste vibrante y marcado que puede abrumar el efecto neutral y calmante del beige, llevando a una combinación potencialmente discordante.
- Rojo brillante (#FF0000), aunque un color clásico y audaz, puede ser demasiado fuerte y dominante cuando se combina con la naturaleza suave y discreta del beige.
- Morado (#800080), aunque regio y profundo, podría competir con la ligereza del beige, creando potencialmente una paleta pesada y menos cohesiva.
Beige simboliza simplicidad, calma y neutralidad. Su tono terroso lo conecta con el mundo natural, evocando una sensación de estabilidad y fiabilidad. En la psicología del color, el beige se ve a menudo como un color de simplicidad y confort, proporcionando una presencia calmante que promueve la relajación y la tranquilidad.
En el branding y el diseño de UI/UX, el beige transmite una sensación de practicidad y atemporalidad, creando una atmósfera serena y acogedora. La neutralidad del beige lo convierte en una elección poderosa para comunicar un aura de elegancia sin esfuerzo y lujo discreto.
Beige proviene de la palabra francesa para lana natural, sin blanquear, sin teñir. A principios del siglo XX, el beige se hizo popular cuando la industria de la moda lo adoptó por su simplicidad y autenticidad. Diseñadores como Coco Chanel jugaron un papel clave en convertir el beige de un color práctico a uno de sofisticación y elegancia. Chanel añadió beige a sus diseños en la década de 1920, conectándolo con el lujo discreto y el estilo atemporal. En el diseño de interiores, el beige ha sido un elemento básico para crear espacios minimalistas y modernos, y es conocido por añadir calidez y amplitud.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Vainilla
Vistas de la playa
Boho Beige
Verificador de contraste
Contraste 1,23
- Texto grande
#EDE8D0
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 17,05
- Texto grande
#EDE8D0
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #ede8d0, también conocido como Beige, tiene valores RGB de R:237, G:232, B:208 y valores CMYK de C:0, M:2, Y:12, K:7.
| VALUE | CSS | |
|---|---|---|
| HEX | #ede8d0 | #ede8d0 |
| RGB DECIMAL | 237, 232, 208 | RGB(237,232,208) |
| RGB PERCENTAGE | 92.9, 91.0, 81.6 | RGB(92.9%,91.0%,81.6%) |
| CMYK | 0, 2, 12, 7 | |
| HSL | HSL(49.7, 44.6%, 87.3%) | HSL(49.7, 44.6%, 87.3%) |
| HSV (OR HSB) | 49.7°, 12.2, 92.9 | |
| WEB SAFE | #255255204 | #255255204 |
| BINARY | 11101101, 11101000, 11010000 | |
| iOS - SwiftUI | Color(red: 0.929, green: 0.910, blue: 0.816) | |
| iOS - UIKit | UIColor(red: 0.929, green: 0.910, blue: 0.816, alpha: 1) | |
| Android - Compose | Color(0xFFEDE8D0) |
