#F2F0EB
White family

Alabaster

Also known as: soft · warm · elegant · serene · translucent
Save
Hex #F2F0EB
RGB rgb(242, 240, 235)
HSL hsl(43°, 21%, 94%)
CMYK 0 · 1 · 3 · 5
RAL RAL 9003 · Signal White
NCS S 0500-N

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, alabaster is often associated with purity and elegance, frequently used in religious art and architecture to symbolize sanctity. Conversely, in Eastern traditions, it can represent transience and the ephemeral nature of beauty, reflecting the delicate balance of life.

The term 'alabaster' originates from the Ancient Greek word 'alabastros', referring to a small stone container made from the mineral. This material was used as early as 4000 BCE in Egypt for crafting vessels and sculptures, showcasing its enduring appeal across millennia.

softwarmelegantserenetranslucent

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Alabaster. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 20 Whites →

Shades & tints

Nine steps of Alabaster by lightness — from #7E7D7A (darkest) to #F8F7F5 (lightest). Click any to copy.

-40% #7E7D7A
-30% #9B9A96
-20% #B8B6B3
-10% #D5D3CF
BASE #F2F0EB
+15% #F4F2ED
+30% #F5F4F0
+50% #F7F5F2
+70% #F8F7F5

Complementary

Sitting opposite Alabaster at 223° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Alabaster.

#F2F0EB
#A5C6D9
#B1B1B1
#E7B8A0
#D4E2D4

Calm Retreat

Tranquil space
#F2F0EB
#C2B280
#F6F1D9
#A1A1A1
#FFD700

Timeless Harmony

Classic elegance
#F2F0EB
#FFC0CB
#FFDAB9
#FFE4E1
#D3D3D3

Subtle Warmth

Gentle comfort

Alabaster scale

A 50–900 tonal scale with Alabaster anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FEFEFD
100 #FDFCFB
200 #FAF9F7
300 #F7F6F3
400 #F5F3EF
500 #F2F0EB
600 #C6C5C1
700 #A09E9B
800 #797876
900 #525250

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 18.44:1
Alabaster as text on… Ratio AA AAA
Aa White background 1.14:1 Fail Fail
Aa Black background 18.44:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #F2F0EB

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #F2F0EB;
CSS color-mix (lighten 30%) color-mix(in srgb, #F2F0EB 70%, white)
HSV / HSB 43°, 3%, 95%
CMYK (print) 0, 1, 3, 5
Decimal 15921387
Nearest web-safe #FFFFFF

Color vision

How Alabaster appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#F2F0EB

Protanopia (no red)

#F1F1EC

Deuteranopia (no green)

#F1F1ED

Tritanopia (no blue)

#F2EDED
Pearl
9 / 20 Whites Magnolia
Copied!