Tonos de Beige: 16 Tipos y HEX
Estos son los 16 tonos de beige más usados, del más claro al más oscuro.
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 beige 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.