Skip to content

Alabaster Color Code: HEX Code & RGB Code Values ​

Looking for specific alabaster color code? Get exact alabaster hex code #F2F0E6 and alabaster RGB code rgb(242,240,230). Complete color information for design and development projects featuring this soft, warm white color.

Visual example of alabaster color with its soft, warm appearance
HEX#F2F0E6
RGBrgb(242,240,230)

Shades of Alabaster ​

Create custom shades of alabaster with our color generator. Adjust hues, tints, and tones to find the perfect shade of alabaster for your project.

🎨

Shades (Adding Black)

  • F2F0E6
    rgb(242, 240, 230)
  • C5C4BC
    rgb(197, 196, 188)
  • 9A9993
    rgb(154, 153, 147)
  • 71706C
    rgb(113, 112, 108)
  • 4B4A48
    rgb(75, 74, 72)
  • 282726
    rgb(40, 39, 38)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • F2F0E6
    rgb(242, 240, 230)
  • F4F2EA
    rgb(244, 242, 234)
  • F6F5EE
    rgb(246, 245, 238)
  • F9F7F2
    rgb(249, 247, 242)
  • FBFAF7
    rgb(251, 250, 247)
  • FDFCFB
    rgb(253, 252, 251)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • F2F0E6
    rgb(242, 240, 230)
  • F2F0E7
    rgb(242, 240, 231)
  • F1F0E9
    rgb(241, 240, 233)
  • F1F0EA
    rgb(241, 240, 234)
  • F1F0EC
    rgb(241, 240, 236)
  • F0F0EE
    rgb(240, 240, 238)
  • 808080
    rgb(128, 128, 128)

Alabaster Palette ​

Explore curated and automatically generated color palettes featuring alabaster. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#F6F5EE
Light
#F5F3EB
Medium Light
#F3F2E9
Medium
#F2F0E6
Medium Dark
#DBD4BA
Dark
#C4B990
Darkest
#AB9F67

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#F2F0E6
Left Dark
#F3F1EA
Left Medium
#F4F2ED
Left Light
#F4F4F1
Neutral
#F5F5F5
Right Light
#F1F2F4
Right Medium
#EEEEF4
Right Dark
#EAEBF3
Complementary End
#E6E8F2

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#F9F7F2
Medium
#F2F0E6
Dark
#727168
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#F2E6E8
Left Adjacent 1
#F2EAE6
Main
#F2F0E6
Right Adjacent 1
#EEF2E6
Right Adjacent 2
#E8F2E6

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#F2F0E6
Complementary
#E6E8F2

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#F2F0E6
Secondary
#E6F2F0
Tertiary
#F0E6F2

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#F2F0E6
Right 90°
#E6F2EA
Complementary
#E6E8F2
Left 90°
#F2E6EE

Tetradic

Two pairs of complementary colors

4 colors
Main
#F2F0E6
Secondary
#E8F2E6
Complementary
#E6E8F2
Complementary Secondary
#F0E6F2

Split Complementary

Complementary colors ±30°

3 colors
Main
#F2F0E6
Split Left
#E6EEF2
Split Right
#EAE6F2

Cyclic

Circular gradient for periodic data

8 colors
0°
#F2F0E6
45°
#EBF2E6
90°
#E6F2EA
135°
#E6F1F2
180°
#E6E8F2
225°
#EDE6F2
270°
#F2E6EE
315°
#F2E7E6

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#BAB8AB
Pastel 1
#C3C1B6
Pastel 2
#CDCBC1
Pastel 3
#D6D4CD
Pastel 4
#DFDED8
Deep Pastel
#E8E7E3

Common White Color Codes (HEX & RGB) ​

White →
HEX:#FFFFFF
RGB:rgb(255, 255, 255)
Off White →
HEX:#FAF9F6
RGB:rgb(250,249,246)
Ivory →
HEX:#FFFFF0
RGB:rgb(255, 255, 240)
Cream →
HEX:#FFFFF0
RGB:rgb(255,255,240)

Extract Alabaster Hex & RGB Codes from Image ​

Upload a photo to find the exact alabaster HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Alabaster Color Code Converter ​

Instantly convert between HEX, RGB, CMYK, and more for alabaster shades.

🎨

All Formats:

  • HEX:
    #F2F0E6
  • RGB:
    rgb(242, 240, 230)
  • CMYK:
    cmyk(0%, 1%, 5%, 5%)
  • HSV:
    hsv(50°, 5%, 95%)
  • HSL:
    hsl(50°, 32%, 93%)

What is Alabaster? ​

Alabaster is a soft, warm white color with subtle beige undertones. It's a delicate, elegant shade that evokes feelings of purity and calm. This color is often associated with alabaster stone, luxury, and minimalist aesthetics.

The hex code for alabaster is #F2F0E6, with RGB values of rgb(242, 240, 230). It's a soft, beautiful color that adds warmth to any design.

Design Applications ​

Alabaster works well in luxury designs, minimalist aesthetics, and elegant themes. It pairs beautifully with gold, soft brown, and muted blue. Use it for high-end branding, interior design, or to create a calm, sophisticated atmosphere in your projects.

FAQ ​

What is the alabaster hex code? ​

The alabaster hex code is #F2F0E6.

What colors complement alabaster? ​

Alabaster pairs well with gold, soft brown, muted blue, and cream.

Is alabaster named after the stone? ​

Yes, it's named for the translucent alabaster stone.