Linen is a soft and soothing natural linen color positioned in the neutral tones on the color wheel. With its light beige hue and warm undertones, it feels elegant and rustic. Similar earthy shades include sand and ivory. Use linen to add a touch of softness and sophistication to your designs.
Linen is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #FAF0E6
- RGB value: 98.0% red, 94.1% green, 90.2% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as linen, consider:
- Champagne (#f7e6ca): Champagne exudes a soft, warm undertone resembling Linen's gentle, neutral tones, offering a light beige hue that's both inviting and versatile.
- Ivory (#ffffe3): Ivory captures Linen's essence with its light, natural shade and subtle pastel colors, creating a fabric-like softness perfect for neutral décor.
- Beige (#ede8d0): Beige shares Linen's earthy shades and soft hues, providing a natural texture that complements warm undertones effortlessly.
- Seashell (#fff1e7): Seashell mirrors Linen with its delicate, light beige appearance, embodying a pastel color palette that enhances any serene environment.
To complement Linen, consider pairing it with:
- Soft Pink (#E89EB8): This shade adds a subtle, warm touch to Linen's elegance, enhancing the softness and creating a cohesive, tranquil palette.
- Sage (#BBB791): With its muted, earthy undertones, Sage brings out Linen's natural qualities, perfect for a rustic, harmonious look.
- Light Blue (#90D5FF): This hue introduces a refreshing contrast that maintains balance, perfect for a cool, serene setting alongside Linen's neutral tones.
- Peach (#FFD3AC): Offering a warm undertone, Peach adds a gentle, inviting glow to Linen, resulting in a cozy and welcoming ambiance.
- Slate Gray (#6D8196): This color provides a modern edge when paired with Linen, creating a sophisticated yet understated palette.
While Linen (#F2F0EF) is an elegant neutral tone perfect for creating soothing and sophisticated palettes, certain colors may clash due to their differing intensities or hues. Here are some colors that often conflict with Linen:
- Neon Orange (#FF5C00): Neon orange's vibrancy overwhelms Linen’s subtle elegance, making the pair visually jarring.
- Bright Yellow (#FFED29): Bright yellow, with its intense brightness, can overpower the soft serenity of Linen, creating harsh contrasts.
- Electric Blue (#00F0FF): The boldness of electric blue disrupts Linen's calmness, resulting in a pairing that feels unbalanced and visually dissonant.
- Hot Pink (#FF46A2): Hot pink's intensity competes with Linen’s understated nature, making the combination too vibrant and potentially clashing.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Vintage Lace
Linen Shore
Lilac Sky
Contrast checker
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
1.12:1
WCAG 2.2 Simple Contrast
Normal Text
- Fail
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Fail
- AA
- 3:1
- Fail
- AAA
- 4.5:1
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
18.67:1
WCAG 2.2 Simple Contrast
Normal Text
- Pass
- AA
- 4.5:1
- Pass
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Pass
- AAA
- 4.5:1
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #FAF0E6, known as Linen, has RGB values of R:250, G:240, B:230 and CMYK values of C:0, M:4, Y:8, K:2.
| VALUE | CSS | |
|---|---|---|
| HEX | #FAF0E6 | #FAF0E6 |
| RGB DECIMAL | 250, 240, 230 | RGB(250,240,230) |
| RGB PERCENTAGE | 98.0, 94.1, 90.2 | RGB(98.0%,94.1%,90.2%) |
| CMYK | 0, 4, 8, 2 | |
| HSL | HSL(30.0, 66.7%, 94.1%) | HSL(30.0, 66.7%, 94.1%) |
| HSV (OR HSB) | 30.0°, 8.0, 98.0 | |
| WEB SAFE | #255255255 | #255255255 |
| BINARY | 11111010, 11110000, 11100110 | |
| iOS - SwiftUI | Color(red: 0.980, green: 0.941, blue: 0.902) | |
| iOS - UIKit | UIColor(red: 0.980, green: 0.941, blue: 0.902, alpha: 1) | |
| Android - Compose | Color(0xFFFAF0E6) |
