16 Tonos Diferentes de Color Beige (+ Códigos HEX)
Explora todos los tonos de beige, desde los más claros hasta los más oscuros. Consulta los códigos HEX, los nombres de los tonos y las paletas de colores beige. Haz clic en cualquier tono para copiar su código HEX.
El beige es el neutro con algo de amarillo adentro, y por eso se siente más cálido y tranquilo que el gris. Interiores, cuidado de la piel y moda pausada viven de él.
Su punto débil es la monotonía: elige un beige para el fondo y un café claramente más oscuro para el texto, nunca dos beiges.
- white#ffffff
- beige#f9f9eb
- fall green#eeeec4
- zombie#e3e39d
- chenin#d8d875
- tacha#d3d362
- turmeric#cdcd4e
- earls green#c7c73a
- luxor gold#a2a22e
- wasabi#8e8e28
- pacifika#7a7a22
- fern frond#67671d
- west coast#535317
- camouflage#3f3f12
- onion#2c2c0c
- el paso#181807
Beige: Códigos HEX y RGB
beige tiene los siguientes códigos de color principales:
HEX: #ffffff
RGB: (255, 255, 255).
Explora una amplia gama de tonos de con nuestro selector de colores interactivo. ¡Haz clic en cualquier color para copiar su código HEX y usarlo en tu proyecto!
Explora los tonos más claros de beige
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
Explora los tonos más oscuros de beige
Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0
beige en HEX, RGB, HSL y CMYK
| HEX | #F5F5DC | |
|---|---|---|
| RGB | rgb(245, 245, 220) | |
| HSL | hsl(60, 56%, 91%) | |
| CMYK | cmyk(0%, 0%, 10%, 4%) |
Tonos claros y oscuros de beige
Los tonos claros suman blanco y los oscuros suman negro, sin cambiar el matiz. Sirven para estados hover, bordes y fondos que deben seguir siendo del mismo color.
Más claros
#f6f6df
#f7f7e2
#f8f8e5
#f9f9e8
#fafaec
#fbfbef
Más oscuros
#e5e5a2
#d4d468
#bdbd35
#838325
#4a4a15
#101004
Colores que combinan con beige
Complementario
#F5F5DC #dbdbf5
El opuesto en el círculo cromático. Contraste máximo: úsalo como acento, no en media página.
Análogos
#f5e8db #F5F5DC #e8f5db
Vecinos en el círculo. Tranquilos y coherentes, la forma más segura de armar una paleta.
Tríada
#F5F5DC #dbf5f5 #f5dbf5
Tres colores a la misma distancia. Vivos y equilibrados; deja que uno mande.
Texto sobre beige
Medido según las WCAG: 4.5:1 para texto normal y 3:1 para texto grande. Prueba tu propia combinación en el Verificador de contraste
Carta de tonos de beige
Haz clic derecho para guardar la carta, o copia los códigos de arriba.