Código de color y paleta
Color Beige
El beige es un neutro claro y cálido con el valor CSS #F5F5DC. Aporta más calidez que el blanco sin perder la calma necesaria para diseños editoriales, de hostelería y de productos naturales.
Formatos de color
El mismo color base en los formatos web más habituales.
Tonos
| Color | Nombre | HEX | RGB | HSL | Copiar |
|---|---|---|---|---|---|
| Beige 50 | #F9F9EB | 249, 249, 235 | 60, 54%, 95% | ||
| Beige 100 | #EEEEC3 | 238, 238, 195 | 60, 56%, 85% | ||
| Beige 200 | #E3E39C | 227, 227, 156 | 60, 56%, 75% | ||
| Beige 300 | #D8D874 | 216, 216, 116 | 60, 56%, 65% | ||
| Beige 400 | #CDCD4C | 205, 205, 76 | 60, 56%, 55% | ||
| Beige 500 | #B3B332 | 179, 179, 50 | 60, 56%, 45% | ||
| Beige 600 | #8B8B27 | 139, 139, 39 | 60, 56%, 35% | ||
| Beige 700 | #63631C | 99, 99, 28 | 60, 56%, 25% | ||
| Beige 800 | #3C3C11 | 60, 60, 17 | 60, 56%, 15% | ||
| Beige 900 | #141406 | 20, 20, 6 | 60, 54%, 5% |
Contraste del texto
Estas relaciones usan la fórmula de luminancia relativa de las WCAG.
Formas de usar el Beige
Fondos editoriales cálidos
Marcas de hostelería y estilo de vida
Paletas naturales con verde oliva o marrón
Colores que combinan con Beige
Armonías de la rueda de color creadas a partir de #F5F5DC. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.
Complementario
Abrir en la rueda de colorTonos opuestos para el máximo contraste y acentos llenos de energía.
Triádico
Abrir en la rueda de colorTres tonos equidistantes para sistemas coloridos y equilibrados.
Complementario dividido
Abrir en la rueda de colorUn color base y los dos vecinos de su complementario: contraste con menos tensión.