Alabaster White

#FAFAFA

What color is Alabaster White?

Alabaster white is a very pale, warm off-white with a soft creamy tone, hex #FAFAFA, lighter than unbleached linen but without the cool flatness of pure white. It has just enough warmth to read as gently ivory rather than stark.

What is the meaning of the color Alabaster White?

Named after alabaster, a fine-grained white or pale stone quarried since antiquity in Egypt and parts of Europe, the color carries centuries of association with carved ornaments, altar pieces, and luxury goods. Ancient Egyptians used alabaster stone for canopic jars and oil vessels as early as 3000 BCE, and the material was traded across the Mediterranean for its smooth, luminous surface. The color name entered English usage tied to the stone’s appearance — pale, smooth, and slightly warm — and was later adopted as a paint name by Sherwin-Williams, whose Alabaster SW 7008 was named their Color of the Year in 2016.

RGB
250, 250, 250
HSL
0°, 0%, 98%
CMYK
0, 0, 0, 2
HSV
0°, 0%, 98%
Alabaster white color

What colors go with Alabaster White?

Colors that pair well with Alabaster white include:
Sage green: soft, natural calm
Dusty rose: gentle warm contrast
Charcoal gray: clean, grounded depth
Warm taupe: tone-on-tone softness
Navy blue: crisp, classic balance

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FAFAFA color: #FAFAFA;
RGB 250, 250, 250 color: rgb(250, 250, 250);
RGB Percentage 98%, 98%, 98% color: rgb(98%, 98%, 98%);
CMYK 0%, 0%, 0%, 2% Not supported in CSS
HSL 0°, 0%, 98% color: hsl(0, 0%, 98%);
HSV 0°, 0%, 98% Not supported in CSS
CIE-LAB 78, 0, 0 color: lab(78% 0 0);
Decimal 16448250 Not supported in CSS

Color Variations

Shades

#FAFAFA
#E1E1E1
#C8C8C8
#AFAFAF
#969696
#7D7D7D
#646464
#4B4B4B

Tints

#FDFDFD
#FDFDFD
#FCFCFC
#FCFCFC
#FBFBFB
#FBFBFB
#FAFAFA
#FAFAFA

Tones

#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA

Hues

#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA

Color Harmonies

Analogous

#FAFAFA
Click to copy
#FAFAFA
Click to copy
#FAFAFA
Click to copy

Complementary

#FAFAFA
Click to copy
#FAFAFA
Click to copy

Split Complementary

#FAFAFA
Click to copy
#FAFAFA
Click to copy
#FAFAFA
Click to copy

Triadic

#FAFAFA
Click to copy
#FAFAFA
Click to copy
#FAFAFA
Click to copy

Tetradic

#FAFAFA
Click to copy
#FAFAFA
Click to copy
#FAFAFA
Click to copy
#FAFAFA
Click to copy

Square

#FAFAFA
Click to copy
#FAFAFA
Click to copy
#FAFAFA
Click to copy
#FAFAFA
Click to copy

CSS & Dev Snippets

CSS
.alabaster-white {
  color: #FAFAFA;
}
SCSS
$alabaster-white: #FAFAFA;
RGB
rgb(250, 250, 250)

Accessibility & Contrast

White background

1.04:1
1.04
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

20.12:1
20.12
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags