Flax

HEX: #EEDC82 | Modern Palette

On White
1.38:1
FAIL
On Black
15.20:1
PASS

Color Specifications

HEX
#EEDC82
RGB
238, 220, 130
HSL
50°, 76% ,72%
CMYK
0, 8, 45, 7

About Flax

Flax (#EEDC82) is a color with RGB(238, 220, 130) and HSL(50°, 76.1%, 72.2%). It is commonly associated with Playful moods. In design, it fits Warm styles and is suitable for Text, Button, Accent. Its complementary color is #8294EE, which creates strong contrast. Its triadic palette includes #82EEDC and #DC82EE. The name comes from *flahsą (Proto-Germanic).

  • HEX: #EEDC82
  • RGB: 238, 220, 130
  • HSL: 50°, 76.1%, 72.2%
  • Mood: Playful
  • Style: Warm
  • Use case: Text, Button, Accent
  • Complementary color: #8294EE
  • Triadic colors: #82EEDC, #DC82EE
  • The name comes from *flahsą (Proto-Germanic).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #EEDC82 from deepest shade to lightest tint.

Color Characteristics

Mood
Playful
Style
Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #E1E181
Protanopia #DEDE82
Tritanopia #F6D3D3
Achromatopsia #DBDBDB

Frequently Asked Questions

Flax (#EEDC82) is a color with RGB(238, 220, 130) and HSL(50°, 76.1%, 72.2%).

#EEDC82 pairs strongly with #8294EE as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#EEDC82 is suitable for Text, Button, Accent and works well with Warm styles.

#EEDC82 is commonly associated with Playful.

The name Flax is linked to *flahsą from Proto-Germanic, meaning flax.

Name, History & Etymology

Origin Word *flahsą
Meaning flax
Language Proto-Germanic
First Recorded Use Old English

History

The word 'flax' has deep roots in Germanic languages, tracing back to Proto-Germanic *flahsą. This term was used to refer to both the plant (Linum usitatissimum) and the fiber derived from it. It entered Old English as 'fleax' and has remained remarkably consistent in form and meaning through Middle English ('flax') to modern English. The cultivation and processing of flax for linen production are ancient practices, predating recorded history in many parts of the world. The word's persistence reflects the plant's long-standing importance as a source of fiber for textiles, oil (linseed oil), and food (linseeds/flaxseeds).

First Recorded Use

Before 900 AD

Cultural Associations

Flax has immense cultural significance across various civilizations. It is one of the oldest cultivated fiber crops in the world, with evidence of its use dating back over 30,000 years. Ancient Egyptians used linen (made from flax) for clothing, burial shrouds, and even as currency. In Europe, flax cultivation was widespread, and linen was a primary textile before the advent of cotton. The phrase 'spinning a yarn' often relates to the process of spinning flax into thread. Flaxseeds are also a traditional food source, valued for their nutritional properties. The color 'flax' or 'flaxen' is often used to describe a pale yellowish-brown or grayish-yellow color, reminiscent of dried flax fibers or blonde hair.

Similar Named Colors

Buff #F0DC82 ΔE 0.57
Jasmine #F8DE7E ΔE 2.42
Arylide Yellow #E9D66B ΔE 2.90
Light Khaki #F0E68C ΔE 2.93

Code Snippets

/* Background */
.element {
    background-color: #EEDC82;
}

/* Text */
.element {
    color: #EEDC82;
}

/* Border */
.element {
    border: 1px solid #EEDC82;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #EEDC82,
        #8294EE
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #EEDC82,
        #8294EE
    );
}

// SCSS variable
$flax: #EEDC82;

// With RGB channels (useful for rgba() usage)
$flax-r: 238;
$flax-g: 220;
$flax-b: 130;

// Usage
.element {
    background-color: $flax;
    color: rgba($flax-r, $flax-g, $flax-b, 0.8);
}