Alabaster

#F2F0E6

White Family →

What Color is Alabaster

Alabaster is a sophisticated, warm-toned off-white that bridges the gap between beige and pure snow. It carries a subtle yellow-gray undertone that prevents it from feeling clinical or cold. This versatile shade creates an atmosphere of quietude in any environment.

What color is opposite Alabaster?

The opposite color to Alabaster is Selago (#e7e9f3).

View Selago

Additional Information

  • Color Family: White
  • Temperature: Warm
  • Associated Season: Summer
  • Complementary Color: #E7E9F3
  • Brightness: 239/255
  • Saturation: 5%

Colors That Pair Well With Alabaster

Complementary

Pair with Selago for a harmonious, balanced look. Great for backgrounds and accents.

#F2F0E6#e7e9f3

High Contrast

Use Cinder for maximum readability. Ideal for text or critical UI elements.

#F2F0E6#0d0f19

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#f7f6f0#797873

Alabaster History

The name originates from the Ancient Greek word 'alabastros,' referring to the stone used to craft vases and scent jars. In Ancient Egypt, this translucent mineral was prized for its ability to diffuse light, making it a favorite for funerary objects and temple carvings. During the Middle Ages, thin slabs of the stone were even used as window panes in European churches before glass became common.

In the 14th century, English Alabaster became a major export, particularly from the Nottingham workshops. These artisans created devotional sculptures that were celebrated for their smooth, milky finish. Over time, the name transitioned from a physical material to a timeless color standard in fashion and interior design.

Meaning & Psychology

Psychologically, Alabaster represents a sense of serenity and emotional balance. Unlike high-contrast whites that can trigger anxiety or eye strain, this softer hue invites the viewer to linger. It evokes a feeling of purity without the sterile baggage of a laboratory or hospital setting.

This color also signals reliability and historical weight, often associated with high-quality materials and classical architecture. It provides a stable foundation for more vibrant colors to rest upon, making people feel grounded and calm in its presence.

In Nature

In the natural world, this shade is most famously found in the fine-grained mineral gypsum, which forms the actual alabaster stone. You can also spot these creamy highlights in the interior of a seashell, the petals of a blooming magnolia, and the delicate down of a young swan.

How To Use Alabaster

As a senior designer, I recommend Alabaster as the ultimate neutral for interior walls or digital backgrounds. It offers a high Light Reflectance Value (LRV) while remaining inviting, making small spaces feel larger without the glare of stark white. It is particularly effective in minimalist designs where texture and light are the primary focus.

From an accessibility standpoint, Alabaster provides excellent contrast for dark text while reducing visual fatigue for users with light sensitivity. When pairing, treat it as a flexible canvas that harmonizes equally well with natural wood tones, matte black hardware, or soft pastels.

Related Words

vasestranslucentwindowdevotionaltimelessserenitypurityreliabilitystablecalmgypsumseashellmagnoliadownneutralinvitingminimalistcontrastflexible

Curated Palettes

#F2F0E6
#D1C7B7
#A69685
#5E544B
#2D2926

Ancient Gallery

A palette inspired by classical sculpture and aged stone.

#F2F0E6
#E0E5E1
#CAD2C5
#84A59D
#F5CAC3

Ethereal Morning

Soft, misty tones for a calming and airy interface.

#F2F0E6
#C9ADA7
#9A8C98
#4A4E69
#22223B

Modern Heirloom

High-end residential vibes with warmth and depth.

Color Conversions

Hex
#F2F0E6
RGB
242, 240, 230
RGB %
95%, 94%, 90%
HSL
50°, 32%, 93%
HSV
50°, 5%, 95%
CMYK
0%, 1%, 5%, 5%
LAB
94.70, -1.05, 5.05
XYZ
82.06, 86.91, 87.31

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #F2F0E6;
Text Color (RGB)
Aa
color: rgb(242, 240, 230);
Background Color
background-color: #F2F0E6;
Border
border: 3px solid #F2F0E6;
Box Shadow
box-shadow: 0 4px 12px #F2F0E666;
Gradient
background: linear-gradient(135deg, #F2F0E6 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in Alabaster

This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.

MaterialEco Velvet
Size30cm x 30cm
Color
Alabaster

Ships in 3-5 daysSecure Checkout

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Print: Double-sided, all-over vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Alabaster?

Explore color palettes containing Alabaster and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Caran d'ache Luminance 6901

Buff Titanium

#801#F0E5D6

Buy

Prismacolor

10 % French Grey

#PC1068#E9E7DD

Buy

Prismacolor

Peach Beige

#PC1085#F8E4D6

Buy

Polychromos

ivory

#103#FFF4D8

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Alabaster?
The hex code for Alabaster is #F2F0E6. The RGB values are (242, 240, 230). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Alabaster?
Alabaster pairs well with its complementary color, Selago (#e7e9f3). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Alabaster accessible for text?
No, Alabaster is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Alabaster in CSS?

You can use Alabaster in CSS with its hex code. Here is an example class:

.alabaster {
  background-color: #F2F0E6;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.