Skip to content

Linen

Linen is a white with a faint orange tint. Hex code #FAF0E6.

Linen#FAF0E6

Color codes

  • CSS namelinen
  • HEX#FAF0E6
  • RGBrgb(250 240 230)
  • HSLhsl(30 67% 94%)
  • HSB / HSVhsb(30, 8%, 98%)
  • OKLCHoklch(96% 0.017 67.6)
  • CMYKcmyk(0%, 4%, 8%, 2%)

White text

1.12:1 · fails WCAG

Black text

18.67:1 · passes WCAG AAA

Shades

50#FAF0E6
100#DDD3C9
200#C0B6AD
300#A49B91
400#898077
500#6F665E
600#564E45
700#3E362E
800#272019

Tones

#766D64
#9A9087
#BFB6AC
#E6DCD2
#FAF0E6

About this color

Linen in CSS and design

Linen is a white with a faint orange tint. Linen is one of the extended color keywords, which CSS adopted from the X11 color names used on Unix workstations.

Use it in CSS by name or by any of its codes; these all give the same color:

color: linen;
color: #FAF0E6;
color: rgb(250 240 230);
color: hsl(30 67% 94%);

For text on linen, black reads best. Check other combinations with the contrast checker, or browse all CSS color names.

Frequently asked questions

What is the hex code for linen?

#FAF0E6. In CSS you can also use the keyword linen, which works in every browser.

What is linen in RGB and HSL?

In RGB it is rgb(250 240 230), in HSL hsl(30 67% 94%). For print, cmyk(0%, 4%, 8%, 2%) is a starting point, but CMYK depends on paper and ink, so check with your printer.

Should I use black or white text on linen?

Black text works better: it has a contrast ratio of 18.67:1 and passes WCAG AAA. White text reaches 1.12:1.

Which colors go with linen?

As a neutral, linen goes with almost any color. It works well as a background, border or text color next to a vivid accent, and with the lighter and darker tones from its shades.