#hexpedia

Linen

#FAF0E6

Color conversions

Reference values for common CSS, design, and accessibility formats.

FormatValueCopy
HEXFAF0E6
HEX with ##FAF0E6
RGBrgb(250, 240, 230)
RGBArgba(250, 240, 230, 1)
HSLhsl(30 66.67% 94.12%)
HSLAhsla(30, 66.67%, 94.12%, 1)
HSVhsv(30, 8%, 98.04%)
CMYKcmyk(0%, 4%, 8%, 1.96%)
OKLCHoklch(96.02% 0.0171 67.62)

Closest named matches

Linen (Exact match)#FAF0E6Very Light Pink#FFF4F2Tailwind Orange 50#FFF7EDMaterial Orange 50#FFF3E0

Color modifications

Suggested pairings

Complementary

Try this combo as a gradient
#FAF0E6#FAF0E6#E0FFFF#E0FFFF

Split-complementary

Try this combo as a gradient
#FAF0E6#FAF0E6#E0FFFF#E0FFFF#E6E6FA#E6E6FA

Triadic

Try this combo as a gradient
#FAF0E6#FAF0E6#E0FFFF#E0FFFF#FFE0FF#FFE0FF

Analogous

Try this combo as a gradient
#FAF0E6#FAF0E6#FFE0E0#FFE0E0#FAF0E6#FAF0E6#FFFFE0#FFFFE0

Tetradic

Try this combo as a gradient
#FAF0E6#FAF0E6#E0FFE0#E0FFE0#E0FFFF#E0FFFF#FFE0FF#FFE0FF

Use this color in CSS

--color: #FAF0E6;

bg-[#faf0e6]

Build a gradient with this colorAdd a shadow tinted with this colorUse as a glass tint

Accessibility quick-check

White text

1.12:1

Decorative only

Black text

18.67:1

AAA normal

Reference notes

The hex value #FAF0E6 sits in the orange range with a light appearance and clear chroma. Measured through common web color formats, the channels resolve to rgb(250 240 230) and an HSL lightness of 94%, which explains its visual density. The warm cast matters because neighboring colors can make the same hex feel sharper, calmer, or more neutral than it appears in isolation. Because web color is device-dependent, treat the numeric conversion table as the stable reference and use the visual swatch as a quick sanity check. The linked variants and pairings give nearby colors for systematic palettes, while the CSS Forge links let the same value move directly into CSS experiments. For brand-adjacent work, compare the closest named colors before reusing it, because a familiar name can change how stakeholders describe the same swatch. Designers can use it in backgrounds, supporting UI surfaces, editorial layouts, and restrained visual systems. When combined with lighter or darker variants, it gives enough range for borders, fills, and active states.