CSS named color

Linen

#FAF0E6
HEX#faf0e6
RGBrgb(250, 240, 230)
HSLhsl(30, 67%, 94%)
OKLCHoklch(96.02% 0.0171 67.62)
NAMElinen

Palette

Complementary

180° on the color wheel
Complement
#E5F0FA

Analogous

±30° around the base hue
Left
#FAE5E5
Right
#FAFAE5

Triadic

±120° for harmonic contrast
Triad 1
#E5FAF0
Triad 2
#F0E5FA

Shades

Lighter and darker variants
Lightest
#FDFAF6
Lighter
#FBF2EA
Base
#FAF0E6
Linen
Darker
#E9BD90
Darkest
#DC9650

CSS usage

By name
color: linen;
background-color: linen;
By HEX
color: #faf0e6;
background-color: #faf0e6;
By RGB
color: rgb(250, 240, 230);
background-color: rgb(250, 240, 230);
By HSL
color: hsl(30, 67%, 94%);
background-color: hsl(30, 67%, 94%);

WCAG contrast vs white

Aa
1.12:1
Below minimum

WCAG contrast vs black

Aa
18.67:1
AAA

Related colors

FAQ — Linen

What is the HEX code for Linen?

The HEX code for Linen is #FAF0E6. It's one of the 148 named CSS colors and can be used directly in CSS as color: linen; or color: #faf0e6;

What is Linen in RGB?

Linen in RGB is rgb(250, 240, 230) — red 250, green 240, blue 230.

What is Linen in HSL?

Linen in HSL is hsl(30, 67%, 94%) — hue 30°, saturation 67%, lightness 94%.

What is the complementary color of Linen?

The complementary color (directly opposite Linen on the color wheel) is #E5F0FA. The two together produce maximum contrast.

Is white text readable on Linen?

The WCAG contrast ratio against white (#FFFFFF) is 1.12:1, and against black (#000000) it's 18.67:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.

← All colors & converter