El beige claro es un tono suave y calmante que combina el beige y el marrón claro. Se sitúa entre el beige y el marrón en la rueda de colores, dándole una sensación cálida y terrosa. Tonos relacionados incluyen el topo y el camel. Úsalo en diseños para un toque suave y natural que añade calidez y sofisticación sutil.
El beige claro se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #E5AA70
- Valor RGB: 89.8% rojo, 66.7% verde, 43.9% 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 variaciones dentro del mismo espectro que el beige claro, considera:
- Beige (#ede8d0): Ofrece un tono arenoso y suave con un matiz cálido que lo hace recordar las vibraciones terrosas del beige claro.
- Arena (#cbbd93): Captura la calidad suave y apagada de la arena de playa, alineándose con la calidez neutral encontrada en el beige claro.
- Caqui (#d5c58a): Se asemeja al beige claro con su tono apagado y terroso, evocando una sensación de equilibrio natural y calma.
- Bronceado (#d6b588): Comparte los componentes de marrón claro del beige claro, representando una estética cálida, discreta y natural.
Para complementar el beige claro, considera emparejarlo con:
- Gris pizarra (#6d8196): Este tono versátil proporciona un fondo fresco y calmante que contrasta hermosamente con los tonos cálidos del beige claro, añadiendo profundidad a tu paleta.
- Rosa empolvado (#dca1a1): Con su suave tono rosado apagado, el rosa empolvado realza la calidez suave del beige claro, creando una combinación armoniosa y elegante.
- Turquesa (#40e0d0): Este vibrante azul-verde añade un toque refrescante de color que anima la sutileza terrosa del beige claro, resultando en una combinación dinámica pero equilibrada.
- Marfil (#ffffe3): La ligereza cremosa del marfil ofrece un complemento neutral, permitiendo que la calidez natural del beige claro sea el centro de atención sin dominar el diseño.
- Verde oliva (#636b2f): El verde oliva introduce una vibra terrosa y rústica que se combina perfectamente con el beige claro, enfatizando una estética natural y equilibrada.
Aunque el beige claro es un tono terroso suave, puede chocar con:
- Verde neón (#2CFF05): La intensidad del verde neón puede eclipsar la sutileza del beige claro, creando un choque de vibrancia que se siente desequilibrado.
- Cinabrio (#E84B3D): El tono audaz y cálido del cinabrio puede entrar en conflicto con la neutralidad suave del beige claro, llevando a un contraste visualmente fuerte.
- Bermellón (#E73121): El tono vívido y ardiente del bermellón compite con el beige claro, resultando en una combinación que se siente demasiado fuerte y desconectada.
- Amarillo brillante (#FFED29): La alta energía del amarillo brillante puede abrumar la naturaleza apagada del beige claro, haciéndolo parecer opaco en comparación.
- Magenta (#FD3DB5): La saturación llamativa del magenta puede dominar la presencia calmada del beige claro, resultando en una experiencia visual discordante.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Majestad Coral
Ola de Sidra
Carnaval Ámbar
Verificador de contraste
Contraste 2,04
- Texto grande
#E5AA70
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 10,32
- Texto grande
#E5AA70
- 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 #E5AA70, también conocido como Beige claro, tiene valores RGB de R:229, G:170, B:112 y valores CMYK de C:0, M:26, Y:51, K:10.
| VALUE | CSS | |
|---|---|---|
| HEX | #E5AA70 | #E5AA70 |
| RGB DECIMAL | 229, 170, 112 | RGB(229,170,112) |
| RGB PERCENTAGE | 89.8, 66.7, 43.9 | RGB(89.8%,66.7%,43.9%) |
| CMYK | 0, 26, 51, 10 | |
| HSL | HSL(29.7, 69.2%, 66.9%) | HSL(29.7, 69.2%, 66.9%) |
| HSV (OR HSB) | 29.7°, 51.1, 89.8 | |
| WEB SAFE | #204153102 | #204153102 |
| BINARY | 11100101, 10101010, 01110000 | |
| iOS - SwiftUI | Color(red: 0.898, green: 0.667, blue: 0.439) | |
| iOS - UIKit | UIColor(red: 0.898, green: 0.667, blue: 0.439, alpha: 1) | |
| Android - Compose | Color(0xFFE5AA70) |
