Figma color wheel
Want to find the perfect complementary or analogous colors to match Alabaster White?
Alabaster White is a soft, neutral tone with a warm undertone, evoking calm and elegance. It sits near white on the color wheel, offering a subtle shade for versatile design. Think of it as softer than stark white, with variants like White Dove. Ideal for creating serene, light-filled spaces.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Pastel Symphony
Monochrome Muse
Celestial Frost
Alabaster White is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #FAFAFA
- RGB value: 98.0% red, 98.0% green, 98.0% 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 alabaster white, consider:
- Off-White (#f2f0ef): Off-White is nearly indistinguishable from Alabaster White with its gentle, neutral tone, providing a smooth backdrop that blends effortlessly into any minimalist style.
- Ivory (#ffffe3): Ivory offers a soft, warm undertone, elevating spaces with its elegant look. It's a subtle shade closely resembling Alabaster White's soothing hue.
- Champagne (#f7e6ca): Champagne adds a hint of warmth while maintaining a delicate balance between yellow and white, making it akin to Alabaster White in neutral sophistication.
- Seashell (#fff1e7): Seashell captures a natural, elegant warmth, similar to Alabaster White. Its neutral tone creates the perfect foundation for various styles and accent colors.
To complement Alabaster White, consider pairing it with:
- Forest Green (#2E6F40): This rich, natural hue offers a striking contrast to Alabaster White, enhancing its subtle warm undertones while adding depth and an elegant look to the overall palette.
- Dusty Rose (#DCA1A1): The soft, muted tones of Dusty Rose harmonize beautifully with Alabaster White, creating a serene and sophisticated ambiance, perfect for a minimalist style.
- Navy Blue (#000080): This classic shade provides a bold accent that complements Alabaster White’s neutrality, highlighting its elegance and adding a touch of drama to home decor.
- Beige (#EDE8D0): Serving as a neutral tone that is slightly warmer, Beige can subtly enhance Alabaster White’s warm undertones, maintaining an understated yet cohesive interior paint scheme.
- Mint Green (#ADEBB3): This refreshing color pairs well with Alabaster White, adding a playful yet calming accent that’s great for creating a light and airy atmosphere.
While Alabaster White is a warm and serene neutral tone, it may clash with:
- Neon Orange (#FF5C00): Neon Orange's intense brightness creates harsh contrast, overshadowing Alabaster White's subtle charm.
- Neon Green (#2CFF05): This vivid hue competes strongly with the calmness of Alabaster White, causing visual discord.
- Cobalt Blue (#0047AB): The deep richness and intensity of Cobalt Blue may overpower Alabaster White, disrupting its balance.
- Hot Pink (#FF46A2): Hot Pink’s boldness can be visually jarring next to Alabaster White, shifting focus away from its understated elegance.
- Crimson Red (#B22222): Crimson Red's strong and dramatic presence can clash with Alabaster White, making the pairing appear unbalanced.
Contrast checker
Contrast 1.04
- Large Text
#FAFAFA
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 20.12
- Large Text
#FAFAFA
- 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 #FAFAFA, known as Alabaster White, has RGB values of R:250, G:250, B:250 and CMYK values of C:0, M:0, Y:0, K:2.
| VALUE | CSS | |
|---|---|---|
| HEX | #FAFAFA | #FAFAFA |
| RGB DECIMAL | 250, 250, 250 | RGB(250,250,250) |
| RGB PERCENTAGE | 98.0, 98.0, 98.0 | RGB(98.0%,98.0%,98.0%) |
| CMYK | 0, 0, 0, 2 | |
| HSL | HSL(0.0, 0.0%, 98.0%) | HSL(0.0, 0.0%, 98.0%) |
| HSV (OR HSB) | 0.0°, 0.0, 98.0 | |
| WEB SAFE | #255255255 | #255255255 |
| BINARY | 11111010, 11111010, 11111010 | |
| iOS - SwiftUI | Color(red: 0.980, green: 0.980, blue: 0.980) | |
| iOS - UIKit | UIColor(red: 0.980, green: 0.980, blue: 0.980, alpha: 1) | |
| Android - Compose | Color(0xFFFAFAFA) |
