Pale Brown

HEX: #987654 | Modern Palette

On White
4.15:1
FAIL
On Black
5.05:1
PASS

Color Specifications

HEX
#987654
RGB
152, 118, 84
HSL
30°, 44% ,59%
CMYK
0, 22.37, 44.74, 40.39

About Pale Brown

Pale Brown (#987654) is a color with RGB(152, 118, 84) and HSL(30°, 44.74%, 59.61%). It is commonly associated with Earthy moods. In design, it fits Warm styles and is suitable for Text, Logo, Print. Its complementary color is #547698, which creates strong contrast. Its triadic palette includes #549876 and #765498. The name comes from Pale Brown (English).

  • HEX: #987654
  • RGB: 152, 118, 84
  • HSL: 30°, 44.74%, 59.61%
  • Mood: Earthy
  • Style: Warm
  • Use case: Text, Logo, Print
  • Complementary color: #547698
  • Triadic colors: #549876, #765498
  • The name comes from Pale Brown (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Pale Brown #987654 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

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

Color Harmonies

Pale Brown #987654 pairs with #547698 as its complementary color, and #549876 and #765498 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

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

PALE BROWN
Analogous

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

PALE BROWN
Triadic

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

PALE BROWN
Split-Complementary

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

PALE BROWN
Tetradic (Square)

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

PALE BROWN
Monochromatic

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

PALE BROWN

Shades & Tints

The shade and tint range for Pale Brown #987654 moves from dark #100D09 tones through the base color to lighter #F6F2EF tones, making it useful for depth, hierarchy, and background variation.

PALE BROWN

Color Characteristics

Mood
Earthy
Style
Warm
Use case
Text Logo Print

Accessibility Simulation

Deuteranopia #818153
Protanopia #7A7A54
Tritanopia #9B7272
Achromatopsia #7C7C7C

Frequently Asked Questions

Pale Brown (#987654) is a color with RGB(152, 118, 84) and HSL(30°, 44.74%, 59.61%).

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

#987654 is suitable for Text, Logo, Print and works well with Warm styles.

#987654 is commonly associated with Earthy.

The name Pale Brown is linked to Pale Brown from English, meaning A light shade of brown; a brown color that is not intense or deep..

Name, History & Etymology

Origin Word Pale Brown
Meaning A light shade of brown; a brown color that is not intense or deep.
Language English
First Recorded Use Late Middle English / Early Modern English

History

The word 'pale' comes from Old French 'pale' (meaning 'pale, wan, faint'), ultimately from Latin 'pallidus'. 'Brown' comes from Old English 'brūn', from Proto-Germanic '*brūnaz', related to words for 'burning' or 'shining' (referring to a reddish-brown hue). The combination 'pale brown' is a straightforward descriptive compound, indicating a less saturated or lighter version of the base color brown. Its usage has been consistent in English to describe a wide range of natural objects (e.g., wood, soil, animal fur) and manufactured goods.

First Recorded Use

While 'pale' and 'brown' as individual color descriptors have much older roots, their combination 'pale brown' as a specific compound descriptor likely became common as color vocabulary expanded and became more nuanced, particularly from the 15th-17th centuries onwards. Pinpointing an exact 'first use' for such a descriptive compound is challenging without extensive corpus linguistics, but the concepts were certainly present.

Cultural Associations

Pale brown is a very common color in nature, often associated with earth, wood, sand, and dried vegetation. It evokes feelings of naturalness, warmth, and sometimes humility or simplicity. In fashion and interior design, it's considered a neutral and versatile color. It can also be associated with vintage aesthetics or rustic charm. The specific shade #987654 is a medium-light, slightly desaturated brown, often found in natural materials.

Similar Named Colors
Dirt #9B7653 ΔE 0.99
Liver Chestnut #987456 ΔE 1.90
Chamoisee #A0785A ΔE 3.25
French Beige #A67B5B ΔE 4.31

Code Snippets

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

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

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #987654,
        #6A98C6
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #987654,
        #6A98C6
    );
}

// SCSS variable
$pale-brown: #987654;

// With RGB channels (useful for rgba() usage)
$pale-brown-r: 152;
$pale-brown-g: 118;
$pale-brown-b: 84;

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