CSS named color

Linen #FAF0E6

Linen is light orange. Below: every color format, WCAG contrast against black and white, its tints, shades and tones, and the harmonies that pair with it.

Color values

Contrast & accessibility

WCAG contrast ratio of Linen used as a foreground on white and black backgrounds.

Aa The quick brown fox
1.12:1

On white

AA ✕ AAA ✕ AA Large ✕
Aa The quick brown fox
18.67:1

On black

AA ✓ AAA ✓ AA Large ✓

Tints, shades & tones

Systematic variations of Linen — click any swatch to copy its hex.

Tintsmixed toward white
Shadesmixed toward black
Tonesmixed toward gray

Color harmonies

Palettes built from Linen by rotating its hue. Each swatch links to its closest named color.

Complementary

#FAF0E6 ≈ Old Lace #E5F0FA ≈ Lavender

Analogous

#FAE5E5 ≈ Misty Rose #FAF0E6 ≈ Old Lace #FAFAE5 ≈ Old Lace

Triadic

#FAF0E6 ≈ Old Lace #E5FAF0 ≈ Honeydew #F0E5FA ≈ Lavender

Split-complementary

#FAF0E6 ≈ Old Lace #E5FAFA ≈ Light Cyan #E5E5FA ≈ Lavender

Tetradic

#FAF0E6 ≈ Old Lace #E5FAE5 ≈ Honeydew #E5F0FA ≈ Lavender #FAE5FA ≈ Lavender Blush

Use Linen in your stack

Tailwind (arbitrary value)

Works for any property: text-[#faf0e6], border-[#faf0e6].

CSS custom property

Reference it anywhere with var(--color).

Build a full theme

Turn Linen into a complete shadcn/ui palette — light & dark, contrast-checked, one-command install.

Extract a theme →

Similar named colors

Old Lace #FDF5E6 Seashell #FFF5EE Beige #F5F5DC Lavender Blush #FFF0F5 Cornsilk #FFF8DC Antique White #FAEBD7

← All CSS named colors