Linen color codes
| CSS name | linen |
|---|---|
| HEX | #FAF0E6 |
| RGB | rgb(250, 240, 230) |
| HSL | hsl(30, 67%, 94%) |
| CMYK | cmyk(0%, 4%, 8%, 2%) |
| Decimal | 16445670 |
Shades of Linen (darker)
#E1D8CF · #C8C0B8 · #AFA8A1 · #96908A · #7D7873 · #64605C · #4B4845 · #32302E · #191817
Tints of Linen (lighter)
#FBF2E9 · #FBF3EB · #FCF5EE · #FCF6F0 · #FDF8F3 · #FDF9F5 · #FEFBF8 · #FEFCFA · #FFFEFD
Color harmonies
| Complementary | #E5F0FA |
|---|---|
| Triadic | #E5FAF0, #F0E5FA |
| Analogous | #FAE5E5, #FAFAE5 |
Accessibility (WCAG contrast)
| White text on Linen | 1.12:1 · Fail |
|---|---|
| Black text on Linen | 18.67:1 · AAA |
Use Linen in code
.element {
color: linen; /* or #faf0e6 */
background-color: rgb(250 240 230 / 0.5);
}Frequently asked questions
What is the hex code for Linen?
Linen is #FAF0E6 in HEX, rgb(250, 240, 230) in RGB and hsl(30, 67%, 94%) in HSL.
Can I use "linen" directly in CSS?
Yes. "linen" is one of the 148 standard CSS named colors, so color: linen; works in every browser.
Is Linen readable on white?
The contrast ratio of Linen on white is 1.12:1 (WCAG Fail). On black it is 18.67:1 (AAA).
What is the complementary color of Linen?
The complementary color (opposite on the color wheel) is #E5F0FA.
Similar colors
Old Lace#FDF5E6Sea Shell#FFF5EEBeige#F5F5DCCorn Silk#FFF8DCMisty Rose#FFE4E1Floral White#FFFAF0Antique White#FAEBD7Lavender Blush#FFF0F5
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.