What color is Linen?
Linen is a very pale, warm off-white with soft yellow and beige undertones, hex #FAF0E6, close to the color of unbleached cotton fabric. The warmth in the tone keeps it from looking stark or cool, giving it a gentle, creamy quality.
What is the meaning of the color Linen?
Named directly after the natural textile, linen cloth has been woven from flax fibers since at least 3000 BCE in ancient Egypt, where undyed cloth carried this same pale, warm tone. The color reflects the natural hue of flax before any bleaching or dyeing process. It entered English as a distinct color name as the textile trade expanded across Europe in the medieval period. The CSS web specification standardized Linen as a named color in 1996, anchoring it as a recognized neutral in digital design.
RGB
250, 240, 230
HSL
30°, 67%, 94%
CMYK
0, 4, 8, 2
HSV
30°, 8%, 98%
What colors go with Linen?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FAF0E6 |
color: #FAF0E6;
|
| RGB | 250, 240, 230 |
color: rgb(250, 240, 230);
|
| RGB Percentage | 98%, 94%, 90% |
color: rgb(98%, 94%, 90%);
|
| CMYK | 0%, 4%, 8%, 2% | Not supported in CSS |
| HSL | 30°, 67%, 94% |
color: hsl(30, 67%, 94%);
|
| HSV | 30°, 8%, 98% | Not supported in CSS |
| CIE-LAB | 75, 2, 3 |
color: lab(75% 2 3);
|
| Decimal | 16445670 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.linen {
color: #FAF0E6;
}
SCSS
$linen: #FAF0E6;
RGB
rgb(250, 240, 230)
Accessibility & Contrast
White background
1.12:1
1.12
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
18.67:1
18.67
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element