Paja es un tono cálido y rústico que exuda simplicidad y calma. Situado entre el amarillo y el beige en la rueda de colores, se presenta como un suave oro pálido. Tonos relacionados incluyen trigo y heno. Ideal para diseños, aporta un toque de calidez y atractivo natural. Pruébalo en fondos o acentos para una sensación acogedora.
Paja se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #E4D96F
- Valor RGB: 89.4% rojo, 85.1% verde, 43.5% 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 paja, considera:
- Crema (#fdfbd4): Crema comparte un matiz cálido y amarillo pálido, reminiscente del ligero tinte dorado visto en paja, creando un aspecto de fibra natural.
- Amarillo claro (#ffffc5): Amarillo claro refleja el tono dorado de paja con su color suave y soleado, ofreciendo una apariencia ligera y aireada.
- Beige (#ede8d0): Beige se alinea con paja debido a su tono terroso y calidez sutil, evocando el tono natural y rústico de la hierba seca.
- Amarillo pastel (#ffee8c): Amarillo pastel encarna el mismo resplandor suave y apagado de paja, capturando su esencia de oro pálido y tono de trigo.
Para complementar paja, considera emparejarlo con:
- Verde oliva (#636B2F): Este tono rico y terroso contrasta hermosamente con el tono ocre claro de paja, creando una armonía natural reminiscente de campos y follaje.
- Naranja quemado (#BE5103): Este tono cálido y rústico energiza la paleta de paja, imitando los tonos resplandecientes de una puesta de sol de cosecha para una atmósfera acogedora e invitante.
- Azul claro (#90D5FF): Este tono suave y refrescante equilibra el tono amarillo cálido de paja, evocando una escena de color serena y soleada reminiscente de cielos despejados sobre campos dorados.
- Burdeos (#660033): Ofreciendo un contraste profundo y rico, burdeos realza el tinte dorado pálido de paja, añadiendo profundidad y sofisticación mientras mantiene un tono terroso.
Aunque paja tiene un tono cálido y terroso reminiscente de color soleado y hierba seca, puede chocar con:
- Rojo carmesí (#B22222): Este tono intenso y profundo sobrepasa a paja, creando un contraste marcado que resta a su calidad de fibra natural y suave.
- Cerúleo (#007BA7): La frescura y vibrancia de cerúleo puede parecer dura contra la esencia amarilla cálida de paja, llevando a un efecto visual discordante.
- Verde neón (#2CFF05): Con su tono ultra brillante y vívido, verde neón puede interrumpir el tono acogedor y rústico de paja, creando una discordia visual inquietante.
- Azul real (#305CDE): La presencia audaz y regia de azul real puede eclipsar los atributos dorados pálidos de paja, resultando en un aspecto desequilibrado.
- Magenta (#FD3DB5): El tinte beige sutil de paja lucha por armonizar con la audacia de magenta, llevando a una posible tensión visual y una combinación excesivamente ruidosa.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Tonos Vivos
Cielo de Limón
Brillo de Jardín
Verificador de contraste
Contraste 1,45
- Texto grande
#E4D96F
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 14,45
- Texto grande
#E4D96F
- 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 #E4D96F, también conocido como Paja, tiene valores RGB de R:228, G:217, B:111 y valores CMYK de C:0, M:5, Y:51, K:11.
| VALUE | CSS | |
|---|---|---|
| HEX | #E4D96F | #E4D96F |
| RGB DECIMAL | 228, 217, 111 | RGB(228,217,111) |
| RGB PERCENTAGE | 89.4, 85.1, 43.5 | RGB(89.4%,85.1%,43.5%) |
| CMYK | 0, 5, 51, 11 | |
| HSL | HSL(54.4, 68.4%, 66.5%) | HSL(54.4, 68.4%, 66.5%) |
| HSV (OR HSB) | 54.4°, 51.3, 89.4 | |
| WEB SAFE | #204204102 | #204204102 |
| BINARY | 11100100, 11011001, 01101111 | |
| iOS - SwiftUI | Color(red: 0.894, green: 0.851, blue: 0.435) | |
| iOS - UIKit | UIColor(red: 0.894, green: 0.851, blue: 0.435, alpha: 1) | |
| Android - Compose | Color(0xFFE4D96F) |
