Alabaster is a very light, muted shade in the brown color family, with a warm feel. Its HEX code is #EDEADE, which equals rgb(237, 234, 222) in RGB and hsl(48, 29%, 90%) in HSL. In print terms it converts to roughly C0 M1 Y6 K7, although exact CMYK results depend on the paper and color profile.
- HEX
#EDEADE - RGB
237, 234, 222 - HSL
48°, 29%, 90% - CMYK
0, 1, 6, 7 - Family
Brown - Tone
Very light, muted
About Alabaster
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 17.42:1. Its complementary color is #DEE1ED.
Download Alabaster as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Alabaster color codes
| HEX | #EDEADE |
|---|---|
| RGB | rgb(237, 234, 222) |
| HSL | hsl(48, 29%, 90%) |
| HSV | 48°, 6%, 93% |
| CMYK | 0%, 1%, 6%, 7% |
| Decimal | 15592158 |
Shades and tints of Alabaster
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FCFCFA - 100
#F9F8F4 - 200
#F6F5EF - 300
#F3F1E9 - 400
#F0EEE4 - 500
#EDEADE - 600
#C6C3B9 - 700
#9E9C94 - 800
#77756F - 900
#4F4E4A - 950
#282725
Color harmonies for Alabaster
- Complementary
#DEE1ED≈ Palest Dusty Royal - Analogous −30°
#EDE3DE≈ Palest Dusty Cinnabar - Analogous +30°
#E8EDDE≈ Palest Dusty Chartreuse - Triadic +120°
#DEEDEA≈ Palest Dusty Teal - Triadic +240°
#EADEED≈ Palest Dusty Orchid - Split 150°
#DEE8ED≈ Palest Dusty Capri - Split 210°
#E3DEED≈ Palest Dusty Iris
Contrast and accessibility of Alabaster
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Alabaster | Aa | 1.21:1 | Fails |
| Black text on Alabaster | Aa | 17.42:1 | AAA (excellent) |
CSS code for Alabaster
background-color: #EDEADE;color: #EDEADE;background-color: rgb(237, 234, 222);background-color: hsl(48, 29%, 90%);:root { --color-alabaster: #EDEADE; }class="bg-[#EDEADE]"Colors similar to Alabaster
- Palest Dusty Gold
#EBEAE0 - Palest Dusty Marigold
#EBE9E0 - Palest Dusty Yellow
#EBEBE0 - Palest Dusty Amber
#EBE8E0 - Palest Dusty Citron
#EAEBE0 - Palest Muted Amber
#F0EADB - Palest Dusty Tangerine
#EBE7E0 - Palest Dusty Lime
#E9EBE0 - Palest Muted Tangerine
#F0E8DB - Palest Muted Marigold
#F0ECDB - Palest Dusty Orange
#EBE6E0 - Palest Dusty Chartreuse
#E8EBE0
More brown shades
- Caramel
#AF6F09 - Coffee
#6F4E37 - Espresso
#3C2415 - Umber
#635147 - Sepia
#704214 - Pearl
#EAE0C8 - Bone
#E3DAC9 - Darkest Cinnabar
#330F00 - Very Dark Cinnabar
#5C1C00 - Dark Cinnabar
#852800 - Deep Cinnabar
#AD3400
Frequently asked questions
What is the HEX code for Alabaster?
The HEX code for Alabaster is #EDEADE.
What is the RGB value of Alabaster?
Alabaster has an RGB value of 237, 234, 222 (rgb(237, 234, 222)). In HSL it is 48°, 29%, 90%.
What text color should I use on Alabaster?
Use black text on Alabaster. White text has a contrast ratio of 1.21:1 and black text has 17.42:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Alabaster?
The complementary color of Alabaster is #DEE1ED. Analogous colors #EDE3DE and #E8EDDE also pair well.