Linen color (#FAF0E6)
Linen is one of the 148 CSS named colors. Use the keyword linen
anywhere CSS accepts a color, or its hex code #FAF0E6, which is rgb(250, 240, 230) in RGB.
It is a very light neutral and a perceived lightness of 96% in OKLCH. On a linen background, black text gives the higher contrast at 18.67:1, which passes WCAG AA for normal text.
Linen color codes
| CSS name | linen |
|
|---|---|---|
| HEX | #FAF0E6 |
|
| HEX (8-digit) | #FAF0E6FF |
|
| RGB | rgb(250, 240, 230) |
|
| HSL | hsl(30, 67%, 94%) |
|
| HSV / HSB | hsv(30, 8%, 98%) |
|
| OKLCH | oklch(96% 0.0171 67.6) |
|
| CMYK | cmyk(0%, 4%, 8%, 2%) |
Contrast with white and black
WCAG 2 contrast ratios and APCA lightness contrast (Lc) for linen used as text and as a background.
Tints and shades of linen
Tints mix linen 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 linen
Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.
Complementary
Analogous
Triadic
Split-Complementary
Linen with color blindness
Approximately how linen appears with each type of color vision deficiency. Test full designs with the color blindness simulator.
Using linen in CSS
.element {
color: linen;
background-color: #faf0e6;
border-color: rgb(250 240 230 / 50%);
outline-color: oklch(96% 0.0171 67.6);
}Similar named colors
See all shades of white or browse every CSS color name.