Brown Color Family

Linen Color Hex Code, RGB & HSL Values

Browse all Brown Colors

What is the meaning of the Linen color?

Linen is a soft, pale off-white color named after the flax fabric. It represents organic comfort, minimalism, and breathable spaces, highly popular in sustainable fashion and home blogs.

How to use the Linen color hex code in HTML & CSS?

To style elements with Linen on a website, use the hex code #FAF0E6 in your HTML/CSS. Adding background-color: #FAF0E6; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#FAF0E6] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Linen?

In the digital sRGB spectrum, the Linen color code is mapped to RGB values of Red: 250, Green: 240, and Blue: 230. In the HSL system, it registers at hue angle 30°, saturation 67%, and lightness index 94%. It represents a very pale, near-white shade characterized by a balanced, moderate saturation.

CMYK print profiles for Linen color

To reproduce the named shade Linen in print systems, the CMYK ink configuration requires 0% Cyan, 4% Magenta, 8% Yellow, and 2% black. Orange balances warmth and friendliness, serving as a bright focal accent in active user interfaces.

Red Channel 250
Green Channel 240
Blue Channel 230
Luminance 0.884

Linen Color Space Conversions

Click to copy format
HEX Color Code #FAF0E6
RGB (Red Green Blue) rgb(250, 240, 230)
HSL (Hue Sat Light) hsl(30°, 67%, 94%)
CMYK (Commercial Print) cmyk(0%, 4%, 8%, 2%)
HSV / HSB Values hsv(30°, 8%, 98%)
Decimal Color Code 16445670
CSS Custom Variable --color-hex: #FAF0E6;
Tailwind CSS Utility bg-[#FAF0E6]
CSS Named Color linen

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #FAF0E6

Small body copy preview

Black Text on Background

Black text readability test with #FAF0E6

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Linen */
--color-hex: #FAF0E6;
--color-rgb: rgb(250, 240, 230);
--color-hsl: hsl(30deg, 67%, 94%);
--color-name: linen;

Aa Known Color Aliases

Linen linen (CSS Identifier) Linen WhiteWarm LinenSoft Off White

Linen Color Meaning

Representing the brown color family, Linen carries the intrinsic characteristics of this organic hue. This color group is the color of the earth itself — soil, tree bark, and natural stone. This foundational connection gives brown a deep sense of reliability, stability, and authenticity. It is associated with honest, no-nonsense quality and natural materials. In branding, brown signals craftsmanship, heritage, and organic authenticity — coffee brands, chocolate companies, and artisan goods all leverage brown's earthy credibility. Unlike the coolness of gray, brown is intrinsically warm, making spaces feel cozy and inviting. Dark rich browns communicate luxury and premium quality, while lighter tans and beiges suggest simplicity and naturalness. Brown is experiencing a design renaissance as consumers prioritize authenticity over artificiality.

Emotions & Associations

ComfortStabilityEarthinessWarmth

Industries

Outdoor & NatureConstructionLuxury

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!