Figma color wheel
Want to find the perfect complementary or analogous colors to match Eggshell?
Eggshell is a soft, soothing off-white with a hint of warmth, nestled between pure white and beige on the color wheel. Its subdued hue evokes calm and simplicity. Similar shades include ivory and cream. Perfect for creating tranquil backdrops or minimalist designs, its versatility shines in any space.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Soft Whispers
Moonlit Harbor
Pastel Serenade
Eggshell is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #F0EAD6
- RGB value: 94.1% red, 91.8% green, 83.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 eggshell, consider:
- Antique White (#FAEBD7): With its creamy and neutral base, Antique White offers a slightly warmer take on soft off-white hues, akin to the gentle quality of Eggshell.
- Alabaster White (#FAFAFA): This nearly-pure white has a subtle warmth, reflecting the clean and fresh undertone similar to Eggshell's light and muted appearance.
- Off-White (#F2F0EF): Off-White presents a mellow shade teetering between white and beige, mirroring Eggshell's balanced softness and timeless elegance.
- Ivory (#FFFFE3): Ivory adds a hint of warmth and buttery undertone to classic white, closely aligning with the delicate and natural shell hue of Eggshell.
To complement eggshell, consider pairing it with:
- Sage (#BBB791): This muted green offers a serene backdrop that enhances the soft, subtle quality of eggshell.
- Burgundy (#660033): The deep, rich tone provides a bold contrast, highlighting the understated elegance of eggshell.
- Misty Blue (#B5C7EB): This calming blue tone softens the warm undertones of eggshell, creating a soothing and balanced palette.
- Soft Pink (#E89EB8): Its gentle warmth complements eggshell’s creamy hue, adding a touch of modern sophistication.
- Taupe (#54463A): A neutral option that echoes eggshell’s softness, taupe layers in depth for a cohesive look.
While Eggshell is soft and subtly warm, it may clash with:
- Dark Brown (#654321): The deep, heavy tone of dark brown creates a stark contrast with eggshell's lightness, leading to a visually unbalanced pairing.
- Jet Black (#252525): Jet black introduces an intense, severe contrast against eggshell, which disrupts the soft ambiance that eggshell exudes.
- Crimson Red (#b22222): The bold, saturated nature of crimson red can overpower the gentle eggshell, creating an overly intense visual effect.
- Neon Purple (#8a00c4): Neon purple's vibrant energy clashes with eggshell’s calm, muted quality, making it a jarring combination.
- Bright Yellow (#ffed29): The high saturation and brightness of bright yellow can overshadow the soft elegance of eggshell, resulting in a distracting and unharmonious contrast.
Contrast checker
Contrast 1.2
- Large Text
#F0EAD6
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 17.45
- Large Text
#F0EAD6
- 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 #F0EAD6, known as Eggshell, has RGB values of R:240, G:234, B:214 and CMYK values of C:0, M:3, Y:11, K:6.
| VALUE | CSS | |
|---|---|---|
| HEX | #F0EAD6 | #F0EAD6 |
| RGB DECIMAL | 240, 234, 214 | RGB(240,234,214) |
| RGB PERCENTAGE | 94.1, 91.8, 83.9 | RGB(94.1%,91.8%,83.9%) |
| CMYK | 0, 3, 11, 6 | |
| HSL | HSL(46.2, 46.4%, 89.0%) | HSL(46.2, 46.4%, 89.0%) |
| HSV (OR HSB) | 46.2°, 10.8, 94.1 | |
| WEB SAFE | #255255204 | #255255204 |
| BINARY | 11110000, 11101010, 11010110 | |
| iOS - SwiftUI | Color(red: 0.941, green: 0.918, blue: 0.839) | |
| iOS - UIKit | UIColor(red: 0.941, green: 0.918, blue: 0.839, alpha: 1) | |
| Android - Compose | Color(0xFFF0EAD6) |
