Antique White #FAEBD7

Antique White color (#FAEBD7)

Antique White is one of the 148 CSS named colors. Use the keyword antiquewhite anywhere CSS accepts a color, or its hex code #FAEBD7, which is rgb(250, 235, 215) in RGB.

It is a very light, muted color with a hue angle of 34° on the HSL color wheel and a perceived lightness of 95% in OKLCH. On a antique white background, black text gives the higher contrast at 17.92:1, which passes WCAG AA for normal text.

Antique White color codes

CSS name antiquewhite
HEX #FAEBD7
HEX (8-digit) #FAEBD7FF
RGB rgb(250, 235, 215)
HSL hsl(34, 78%, 91%)
HSV / HSB hsv(34, 14%, 98%)
OKLCH oklch(94.7% 0.0311 75.2)
CMYK cmyk(0%, 6%, 14%, 2%)

Contrast with white and black

WCAG 2 contrast ratios and APCA lightness contrast (Lc) for antique white used as text and as a background.

Aa Sample text
Antique White text on white
1.17:1 WCAG Lc 8.2 APCA Fails AA
Aa Sample text
Antique White text on black
17.92:1 WCAG Lc -96.1 APCA Passes AA
Aa Sample text
White text on antique white
1.17:1 WCAG Lc -9.6 APCA Fails AA
Aa Sample text
Black text on antique white
17.92:1 WCAG Lc 95.3 APCA Passes AA

Tints and shades of antique white

Tints mix antique white with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.

Tints

Shades

Colors that go with antique white

Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.

Complementary

Analogous

Triadic

Split-Complementary

Antique White with color blindness

Approximately how antique white appears with each type of color vision deficiency. Test full designs with the color blindness simulator.

Using antique white in CSS

.element {
  color: antiquewhite;
  background-color: #faebd7;
  border-color: rgb(250 235 215 / 50%);
  outline-color: oklch(94.7% 0.0311 75.2);
}

Similar named colors

See all shades of white or browse every CSS color name.

Related tools