Chestnut

HEX: #954535 | Modern Palette

On White
6.60:1
PASS
On Black
3.18:1
FAIL

Color Specifications

HEX
#954535
RGB
149, 69, 53
HSL
10°, 64% ,58%
CMYK
0, 53.69, 64.43, 41.57

About Chestnut

Chestnut (#954535) is a color with RGB(149, 69, 53) and HSL(10°, 64.43%, 58.43%). It is commonly associated with Romantic moods. In design, it fits Warm styles and is suitable for Text, Button, Accent. Its complementary color is #358595, which creates strong contrast. Its triadic palette includes #359545 and #453595. The name comes from Chestnut (English).

  • HEX: #954535
  • RGB: 149, 69, 53
  • HSL: 10°, 64.43%, 58.43%
  • Mood: Romantic
  • Style: Warm
  • Use case: Text, Button, Accent
  • Complementary color: #358595
  • Triadic colors: #359545, #453595
  • The name comes from Chestnut (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Chestnut #954535 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.
 
CHESTNUT
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
CHESTNUT
 
 
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

Chestnut #954535 pairs with #358595 as its complementary color, and #359545 and #453595 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.

CHESTNUT
Analogous

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

CHESTNUT
Triadic

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

CHESTNUT
Split-Complementary

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

CHESTNUT
Tetradic (Square)

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

CHESTNUT
Monochromatic

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

CHESTNUT

Shades & Tints

The shade and tint range for Chestnut #954535 moves from dark #130907 tones through the base color to lighter #F8EEEC tones, making it useful for depth, hierarchy, and background variation.

CHESTNUT

Color Characteristics

Mood
Romantic
Style
Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #656531
Protanopia #535336
Tritanopia #964343
Achromatopsia #5D5D5D

Frequently Asked Questions

Chestnut (#954535) is a color with RGB(149, 69, 53) and HSL(10°, 64.43%, 58.43%).

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

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

#954535 is commonly associated with Romantic.

The name Chestnut is linked to Chestnut from English, meaning A tree or shrub of the genus Castanea, bearing edible nuts enclosed in a prickly burr. Also, the nut itself. Figuratively, an old or stale joke or story..

Name, History & Etymology

Origin Word Chestnut
Meaning A tree or shrub of the genus Castanea, bearing edible nuts enclosed in a prickly burr. Also, the nut itself. Figuratively, an old or stale joke or story.
Language English
First Recorded Use Late 14th Century (for the tree/nut); Mid 19th Century (for the 'old joke' meaning)

History

The word 'chestnut' has a long history in English, primarily referring to the tree and its fruit. Its figurative use to mean an old or stale joke is a relatively newer development, originating from a specific theatrical context in the 19th century. This particular usage quickly gained popularity and became a common idiom. The color 'chestnut' (a reddish-brown) also derives from the color of the nut.

First Recorded Use

c. 1380, from Old French 'chastaigne' (12c., Modern French 'châtaigne'), from Latin 'castanea' 'chestnut tree or nut,' from Greek 'kastaneia.' The Greek word is traditionally said to be from 'Kastana,' a town in Pontus, Asia Minor, famous for its chestnuts. However, it may also be a loan-word from a language of Asia Minor. 1840, from a play 'The Broken Sword' by William Dimond (1816), in which a character repeats the same story about a 'chestnut tree' so often that another character exclaims, 'Confound your chestnut tree! I am tired of hearing of your chestnut tree.'

Cultural Associations

Chestnuts have been a significant food source in many cultures, particularly in Europe, for millennia. They are often associated with autumn and winter holidays, especially roasted chestnuts. The 'chestnut' as an old joke is a widely understood idiom in English-speaking cultures, implying something that is predictable, unoriginal, or has been heard too many times.

Similar Named Colors
Burnt Umber #8A3324 ΔE 5.02
Pale Carmine #AF4035 ΔE 5.52
Chinese Red #AA381E ΔE 6.32
Brown #A52A2A ΔE 6.65

Code Snippets

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

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

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #954535,
        #51C3D9
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #954535,
        #51C3D9
    );
}

// SCSS variable
$chestnut: #954535;

// With RGB channels (useful for rgba() usage)
$chestnut-r: 149;
$chestnut-g: 69;
$chestnut-b: 53;

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