Straw is a warm, rustic shade that exudes simplicity and calm. Nestled between yellow and beige on the color wheel, it presents as a soft, pale gold. Related shades include wheat and hay. Ideal for designs, it brings a touch of warmth and natural appeal. Try it in backgrounds or accents for a cozy feel.
Straw is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #E4D96F
- RGB value: 89.4% red, 85.1% green, 43.5% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as straw, consider:
- Cream (#fdfbd4): Cream shares a warm, pale yellow undertone reminiscent of the light golden tint seen in straw, creating a natural fiber look.
- Light Yellow (#ffffc5): Light Yellow echoes the golden hue of straw with its gentle, sunlit color, offering a soft and airy appearance.
- Beige (#ede8d0): Beige aligns with straw due to its earthy tone and subtle warmth, evoking the natural, rustic shade of dried grass.
- Pastel Yellow (#ffee8c): Pastel Yellow embodies the same soft, muted glow of straw, capturing its pale gold essence and wheat hue.
To complement Straw, consider pairing it with:
- Olive Green (#636B2F): This rich, earthy tone contrasts beautifully with Straw's light ochre shade, creating a natural harmony reminiscent of fields and foliage.
- Burnt Orange (#BE5103): This warm, rustic shade energizes the Straw color palette, mimicking the glowing tones of a harvest sunset for a cozy and inviting atmosphere.
- Light Blue (#90D5FF): This soft, refreshing hue balances Straw’s warm yellowish tone, evoking a serene, sunlit color scene reminiscent of clear skies over golden fields.
- Burgundy (#660033): Offering deep, rich contrast, Burgundy enhances Straw's pale gold tint, adding depth and sophistication while maintaining an earthy tone.
While Straw has a warm, earthy tone reminiscent of sunlit color and dried grass, it may clash with:
- Crimson Red (#B22222): This intense, deep shade overpowers Straw, creating a stark contrast that detracts from its gentle, natural fiber quality.
- Cerulean (#007BA7): The coolness and vibrancy of Cerulean may seem harsh against Straw's warm yellow essence, leading to a visually jarring effect.
- Neon Green (#2CFF05): With its ultra-bright, vivid hue, Neon Green can disrupt the cozy, rustic shade of Straw, creating an unsettling visual discord.
- Royal Blue (#305CDE): The bold, regal presence of Royal Blue can overshadow Straw's pale gold attributes, resulting in an imbalanced look.
- Magenta (#FD3DB5): Straw's subtle beige tint struggles to harmonize with Magenta's boldness, leading to potential visual tension and an overly loud pairing.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Lively Tones
Lemon Sky
Garden Glow
Contrast checker
Contrast 1.45
- Large Text
#E4D96F
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 14.45
- Large Text
#E4D96F
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #E4D96F, known as Straw, has RGB values of R:228, G:217, B:111 and CMYK values of 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) |
