Earth Yellow

HEX: #E1A95F | Modern Palette

On White
2.09:1
FAIL
On Black
10.04:1
PASS

Color Specifications

HEX
#E1A95F
RGB
225, 169, 95
HSL
34°, 68% ,62%
CMYK
0, 25, 58, 12

About Earth Yellow

Earth Yellow (#E1A95F) is a color with RGB(225, 169, 95) and HSL(34.2°, 68.4%, 62.7%). It is commonly associated with Playful moods. In design, it fits Warm styles and is suitable for Text, Button, Accent. Its complementary color is #5F97E1, which creates strong contrast. Its triadic palette includes #5FE1A9 and #A95FE1. The name comes from Earth Yellow (English).

  • HEX: #E1A95F
  • RGB: 225, 169, 95
  • HSL: 34.2°, 68.4%, 62.7%
  • Mood: Playful
  • Style: Warm
  • Use case: Text, Button, Accent
  • Complementary color: #5F97E1
  • Triadic colors: #5FE1A9, #A95FE1
  • The name comes from Earth Yellow (English).

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 #E1A95F from deepest shade to lightest tint.

Color Characteristics

Mood
Playful
Style
Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #BCBC5C
Protanopia #B0B060
Tritanopia #E6A2A2
Achromatopsia #B3B3B3

Frequently Asked Questions

Earth Yellow (#E1A95F) is a color with RGB(225, 169, 95) and HSL(34.2°, 68.4%, 62.7%).

#E1A95F pairs strongly with #5F97E1 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

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

#E1A95F is commonly associated with Playful.

The name Earth Yellow is linked to Earth Yellow from English, meaning A color resembling the natural yellow-brown pigments found in various types of earth or clay..

Name, History & Etymology

Origin Word Earth Yellow
Meaning A color resembling the natural yellow-brown pigments found in various types of earth or clay.
Language English
First Recorded Use Late 18th - Early 19th Century

History

The use of earth pigments, including various shades of yellow ochre, dates back to prehistoric times, found in cave paintings and ancient art across the globe. These pigments are derived from naturally occurring clays colored by iron oxides. The term 'Earth Yellow' specifically describes a hue that is less vibrant than a pure yellow, often with brown or reddish undertones, reflecting its natural origin. Historically, such pigments were cheap, readily available, and lightfast, making them staples for artists, decorators, and artisans. The precise naming 'Earth Yellow' helps differentiate it from other yellows (like lemon yellow or chrome yellow) that might be synthetic or derived from different sources.

First Recorded Use

The specific compound term 'Earth Yellow' likely emerged as a descriptive color name in English during a period when natural pigments were widely used and categorized, and as color standardization began to develop. While 'earth' and 'yellow' have ancient origins, their combination to specifically denote this shade became more common with the rise of detailed color nomenclature.

Cultural Associations

Earth tones, including Earth Yellow, are often associated with nature, stability, warmth, and humility. In many cultures, these colors are fundamental to traditional art, textiles, and architecture, reflecting the local environment and available materials. They can evoke feelings of comfort, groundedness, and authenticity. In modern contexts, earth yellows are popular in interior design for creating warm and inviting spaces, and in fashion for their versatility and natural appeal.

Similar Named Colors

Indian Yellow #E3A857 ΔE 1.23
Sunray #E3AB57 ΔE 1.95
Fawn #E5AA70 ΔE 4.07
Mellow Apricot #F8B878 ΔE 5.74

Code Snippets

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

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

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #E1A95F,
        #5F97E1
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #E1A95F,
        #5F97E1
    );
}

// SCSS variable
$earth-yellow: #E1A95F;

// With RGB channels (useful for rgba() usage)
$earth-yellow-r: 225;
$earth-yellow-g: 169;
$earth-yellow-b: 95;

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