Antiquewhite to HSL — Color Code

#faebd7
Format Value
HEX #faebd7
RGB rgb(250, 235, 215)
HSL hsl(34.3, 77.8%, 91.2%)
CMYK cmyk(0%, 6%, 14%, 2%)
HSV hsv(34.3, 14%, 98%)

antiquewhite color harmonies

Tints & shades of antiquewhite

Tints (lighter)

#faeddb #fbefde #fbf0e2 #fcf2e6 #fcf4e9 #fdf6ed #fdf8f0 #fefaf4 #fefbf8 #fffdfb

Shades (darker)

#e3d6c3 #cdc0b0 #b6ab9c #9f9689 #888075 #726b62 #5b554e #44403b #2d2b27 #171514

Contrast & accessibility

The quick brown fox

On white · 1.17:1 · Fail

The quick brown fox

On black · 17.93:1 · AAA

Recommended text color: #000000

Use antiquewhite in code

CSS color: #faebd7;
SCSS $color: #faebd7;
Tailwind bg-[#faebd7]
Swift UIColor(red: 0.980, green: 0.922, blue: 0.843, alpha: 1)
Android Color.parseColor("#faebd7")
Flutter Color(0xFFFAEBD7)

Colors similar to antiquewhite

Browse all Orange colors →

What is the HSL code for antiquewhite?

The CSS color antiquewhite in HSL format is hsl(34.3, 77.8%, 91.2%). Use this value directly in CSS, SVG, and most design tools.

How do I use antiquewhite in CSS?

To apply antiquewhite in CSS:

  • Text color: color: hsl(34.3, 77.8%, 91.2%);
  • Background: background-color: hsl(34.3, 77.8%, 91.2%);
  • Border: border-color: hsl(34.3, 77.8%, 91.2%);

What are all the color format values for antiquewhite?

FormatValue
HEX#faebd7
RGBrgb(250, 235, 215)
HSLhsl(34.3, 77.8%, 91.2%)
CMYKcmyk(0%, 6%, 14%, 2%)

How do I convert antiquewhite to HSL?

Select antiquewhite from the color name list in our color converter. The HSL value — hsl(34.3, 77.8%, 91.2%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does antiquewhite belong to?

antiquewhite belongs to the near-white color family. It is a light, vivid color with HSL values: hue 34.3°, saturation 77.8%, lightness 91.2%.

How do I create lighter and darker shades of antiquewhite?

Lighter variant (lightness 95%): #fcf4e8. Darker variant (lightness 76.2%): #f2c993. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HSL used for?

HSL describes colors by hue (0–360°), saturation (0–100%) and lightness (0–100%). It is more intuitive for designers — easy to create lighter, darker or less saturated variants of any color.