Almond is a soothing, neutral tone with creamy beige and light tan notes. Positioned between off-white and beige, it exudes a soft, cozy vibe. Shades like ivory and pale beige are related. Ideal for creating warm, inviting spaces, almond works well in backgrounds for a serene feel.
Almond is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #EED9C4
- RGB value: 93.3% red, 85.1% green, 76.9% 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 almond, consider:
- Beige (#ede8d0): Subtly soft and warm, Beige shares Almond's neutral undertones, providing a harmonious balance of lightness.
- Ivory (#ffffe3): Light and smooth, Ivory holds a gentleness akin to Almond, with a whisper of warmth in its pale hue.
- Off-White (#f2f0ef): Exhibiting a clean and understated presence, Off-White resembles Almond's neutral charm with a slightly cooler tint.
- Cream (#fdfbd4): Rich and inviting, Cream mirrors Almond's soft elegance with its creamy, warm finish.
To complement Almond, consider pairing it with:
- Mint Green (#ADEBB3): This fresh, cool hue enhances almond's neutrality, creating a soothing and balanced palette perfect for relaxed, inviting atmospheres.
- Coral (#FF8559): Coral introduces a warm, lively contrast that enlivens almond's subtle tone, adding vibrancy and interest to design spaces.
- Powder Blue (#B8E3E9): This soft blue complements almond's creamy undertone, establishing an airy, tranquil ambiance reminiscent of serene skies.
- Light Tan (#D6B588): This warm, earthy color harmonizes with almond's natural appeal, emphasizing a cohesive and cozy aesthetic with muted elegance.
- Lavender (#D3D3FF): This gentle purple contrast adds a touch of whimsy to almond's softness, offering a playful yet calm interplay of hues.
While almond is versatile and soothing, it may clash with:
- Neon Orange (#FF5C00): Neon orange’s brightness overwhelms almond's subtle elegance, creating a visually harsh contrast.
- Hot Pink (#FF46A2): Hot pink's vibrant energy collides with almond's neutral tone, leading to a discordant pairing.
- Forest Green (#2E6F40): Forest green's deep, earthy hue can overshadow almond's light and airy quality.
- Dark Blue (#111184): Dark blue's intensity may dominate almond, making the combination feel unbalanced.
- Crimson Red (#B22222): Crimson red’s boldness competes sharply with almond's calm, off-white presence.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Whimsical Dune
Sandstone Calm
Enchanted Meadow
Contrast checker
Contrast 1.37
- Large Text
#EED9C4
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 15.36
- Large Text
#EED9C4
- 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 #EED9C4, known as Almond, has RGB values of R:238, G:217, B:196 and CMYK values of C:0, M:9, Y:18, K:7.
| VALUE | CSS | |
|---|---|---|
| HEX | #EED9C4 | #EED9C4 |
| RGB DECIMAL | 238, 217, 196 | RGB(238,217,196) |
| RGB PERCENTAGE | 93.3, 85.1, 76.9 | RGB(93.3%,85.1%,76.9%) |
| CMYK | 0, 9, 18, 7 | |
| HSL | HSL(30.0, 55.3%, 85.1%) | HSL(30.0, 55.3%, 85.1%) |
| HSV (OR HSB) | 30.0°, 17.6, 93.3 | |
| WEB SAFE | #255204204 | #255204204 |
| BINARY | 11101110, 11011001, 11000100 | |
| iOS - SwiftUI | Color(red: 0.933, green: 0.851, blue: 0.769) | |
| iOS - UIKit | UIColor(red: 0.933, green: 0.851, blue: 0.769, alpha: 1) | |
| Android - Compose | Color(0xFFEED9C4) |
