#F3E7DB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Alabaster is a bleached, pale orange with distinct grey undertones that soften its warmth. This hex code #f3e7db offers excellent legibility for body text when paired with black, making it a functional choice for web backgrounds. It works best as a neutral foundation in minimalist palettes where standard white feels too harsh or sterile. The color carries an airy quality that balances well with deep, saturated accent tones.
About Alabaster
Warm white that kept a little of the fire
What does alabaster mean?
Alabaster often suggests natural stone and handmade things, so people commonly use it to signal warmth, simplicity, and honest materials. Its high lightness and very low saturation make it feel soft and open, like faded paper rather than bright paint.
Where you see alabaster
- unbleached linen
- plaster walls
- oat milk
- raw silk
- bone china
- candle wax
What it works for
Use it as a background color that lets darker text and stronger accents carry the weight of a design.
What colors go with alabaster?
Espresso #4e312dDeep coffee brown gives this pale neutral a strong, grounded anchor.Sage #9caf88Muted green shares its low saturation and reads as natural beside it.Terracotta #e2725bEarthy red-orange pulls out the hidden orange undertone in the swatch.Denim #2243b6Cool blue balances the warm cast without fighting the delicate lightness.Charcoal #36454fNear-black grey makes the pale warmth glow instead of disappearing.
Questions about Alabaster
What is the hex code for Alabaster?
Alabaster is #f3e7db. In RGB that is rgb(243, 231, 219), in HSL hsl(30, 50%, 91%) and in CMYK 0%, 5%, 10%, 5%.
When should you use #f3e7db Alabaster instead of pure white?
Use Alabaster when you need to reduce eye strain or create a welcoming atmosphere in minimalist web designs. Unlike sterile pure white, this shade feels organic and grounded, making it ideal for background surfaces that need to look approachable rather than clinical.
Is Alabaster readable on white or black?
Alabaster has a 1.21:1 contrast ratio on white and 17.26:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.