CSS Color: Linen
Named CSS color Linen — #FAF0E6 in HEX, rgb(250, 240, 230) in RGB, hsl(30, 67%, 94%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | Linen | color: Linen; |
| HEX | #FAF0E6 | color: #FAF0E6; |
| RGB | rgb(250, 240, 230) | color: rgb(250, 240, 230); |
| HSL | hsl(30, 67%, 94%) | color: hsl(30, 67%, 94%); |
About Linen
Linen is a soft, warm off-white with a subtle peach undertone. At hex `#FAF0E6`, it has high values across all channels with red slightly dominant (250) and blue lowest (230). Sitting at 30 degrees (orange hue) with 67% saturation and 94% lightness, its warmth is more noticeable than Snow or Ivory.
In web design, Linen creates an inviting, cozy atmosphere reminiscent of natural linen fabric. It is popular for blog layouts, reading-focused designs, and brands that want warmth without obvious color. Its peach undertone makes it feel more premium than stark white.
For accessibility, Linen provides nearly the same contrast as white for dark text. It is an excellent background choice that maintains full readability while adding personality.
Linen pairs well with brown, burgundy, forest green, navy, and warm gold. It creates sophisticated palettes popular in lifestyle publishing, interior design, and premium e-commerce. In Tailwind CSS, `orange-50` or `stone-50` provide similar warm white tones.
FAQ
What is the hex code for Linen?
The CSS named color Linen has the hex code #FAF0E6. You can use it in CSS as color: #FAF0E6; or simply color: Linen;.
What is Linen in RGB?
In RGB notation, Linen is rgb(250, 240, 230). Use it in CSS as color: rgb(250, 240, 230);.
What is Linen in HSL?
In HSL notation, Linen is hsl(30, 67%, 94%). Use it in CSS as color: hsl(30, 67%, 94%);.
What color category is Linen?
Linen belongs to the White/Black color family in the CSS named colors specification.
Can I use the name "Linen" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: Linen; or background-color: Linen; directly in your stylesheet. Named colors are case-insensitive.
Try in Color Converter
Convert Linen to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →