orangewarmCSS named color

Linen #FAF0E6

Linen is a very light, moderately saturated warm-toned color with a warm cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: CTAs · Energy accents

Open in generator →Colors that go with linen →

Families: Oranges

Color values

FormatValue
HEX#FAF0E6
RGBrgb(250, 240, 230)
HSLhsl(30, 67%, 94%)
HSVhsv(30, 8%, 98%)
OKLCHoklch(96.02% 0.017 67.6)
OKLaboklab(96.02% 0.0065 0.0159)
CMYKcmyk(0%, 4%, 8%, 2%)
XYZxyz(84.8657, 88.3582, 87.4316)
CIE-LABlab(95.3, 1.7, 6.0)
CIE-LCHlch(95.3, 6.3, 74.4°)
Luminance0.884 (WCAG relative)
/* Linen */ --linen: #faf0e6; color: #faf0e6; background-color: #faf0e6;

Source: W3C CSS named color. CSS keyword: linen.

Collections: Off White Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#ded5cc #c3bbb3 #a8a19b #8e8883 #75706c #5d5956 #454341 #302e2d #1b1a1a #000000

Tints (toward white)

#fbf1e8 #fbf3eb #fcf4ed #fcf6f0 #fdf7f2 #fdf9f5 #fefaf7 #fefcfa #fffdfc #ffffff

Tones (toward gray)

#f9f0e7 #f8f0e8 #f8f0e9 #f7f1eb #f6f1ec #f5f1ed #f4f1ee #f3f1ef #f2f1f0 #f1f1f1

Color harmonies

Complementary

Edit in generator →
#FAF0E6
#E6F0FA
#faf0e6 #e6f0fa

Analogous

Edit in generator →
#FAE6E6
#FAF0E6
#FAFAE6
#fae6e6 #faf0e6 #fafae6

Triadic

Edit in generator →
#FAF0E6
#E6FAF0
#F0E6FA
#faf0e6 #e6faf0 #f0e6fa

Tetradic

Edit in generator →
#FAF0E6
#E6FAE6
#E6F0FA
#FAE6FA
#faf0e6 #e6fae6 #e6f0fa #fae6fa

Square

Edit in generator →
#FAF0E6
#E6FAE6
#E6F0FA
#FAE6FA
#faf0e6 #e6fae6 #e6f0fa #fae6fa

Split Complementary

Edit in generator →
#FAF0E6
#E6FAFA
#E6E6FA
#faf0e6 #e6fafa #e6e6fa

Monochromatic

Edit in generator →
#E6B380
#F0D1B3
#FAF0E5
#FAF0E5
#FAF0E5
#e6b380 #f0d1b3 #faf0e5 #faf0e5 #faf0e5

Accessibility & contrast

1.12
#FAF0E6 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
18.67
#FAF0E6 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on linen

18.67
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#F4F0E5
Deuteranopia (green-blind)
#F6F2E6
Tritanopia (blue-blind)
#FEEEED

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Seashell #FFF5EE1.82
Oldlace #FDF5E62.90
Floralwhite #FFFAF03.04
Antiquewhite #FAEBD74.10
Off White #FAF9F64.80
Snow #FFFAFA5.22

Colors that go with linen

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Espresso #4B382A
9.8:1
Same hue family as linen (Δh 5°) — guaranteed harmony
Deep Brown #410200
15.1:1
Analogous hue (Δh ≈28°) — neighbors on the color wheel
Evergreen #05472A
9.6:1
Triadic harmony (Δh ≈124°) — balanced three-way contrast
7.9:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Charcoal #36454F
8.8:1
Complementary hue (Δh ≈174°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.