Linen

linen is a CSS color keyword. The closest Tailwind step is orange-50 (#fff7ed).

#faf0e6rgb(250, 240, 230)
Hex
#faf0e6
RGB
250, 240, 230
HSL
30°, 67%, 94%
OKLCH
96.0% 0.017 67.6
LAB
95.3 1.7 6.0

Open #faf0e6 in the explorer

Text contrast

Black or white text on #faf0e6. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text18.7:1 AAAAPCA Lc 98
White text1.1:1 FailAPCA Lc 0

Color vision

How #faf0e6 looks in simulations of color blindness, at full severity.

Full color
#faf0e6
Protanopia
#f4f0e5
Deuteranopia
#f6f2e6
Tritanopia
#feeeed

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to linen.

50100200300400500600700800900950

Copy into CSS

color: linen;
background: #faf0e6;
@theme {
  --color-linen-50: #fdf3e9;
  --color-linen-100: #f0e6dc;
  --color-linen-200: #d9cfc5;
  --color-linen-300: #bcb2a9;
  --color-linen-400: #a0978d;
  --color-linen-500: #817970;
  --color-linen-600: #675f56;
  --color-linen-700: #514941;
  --color-linen-800: #3b342c;
  --color-linen-900: #272019;
  --color-linen-950: #120c06;
}