Russet

HEX: #80461B | Modern Palette

On White
7.47:1
PASS
On Black
2.81:1
FAIL

Color Specifications

HEX
#80461B
RGB
128, 70, 27
HSL
25°, 78% ,50%
CMYK
0, 45.31, 78.91, 49.8

About Russet

Russet (#80461B) is a color with RGB(128, 70, 27) and HSL(25.54°, 78.91%, 50.2%). It is commonly associated with Energetic moods. In design, it fits Vivid, Warm styles and is suitable for Text, Button, Accent. Its complementary color is #1B5580, which creates strong contrast. Its triadic palette includes #1B8046 and #461B80. The name comes from rousset (Old French).

  • HEX: #80461B
  • RGB: 128, 70, 27
  • HSL: 25.54°, 78.91%, 50.2%
  • Mood: Energetic
  • Style: Vivid, Warm
  • Use case: Text, Button, Accent
  • Complementary color: #1B5580
  • Triadic colors: #1B8046, #461B80
  • The name comes from rousset (Old French).

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

Color Characteristics

Mood
Energetic
Style
Vivid Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #5C5C15
Protanopia #4F4F1C
Tritanopia #824242
Achromatopsia #555555

Frequently Asked Questions

Russet (#80461B) is a color with RGB(128, 70, 27) and HSL(25.54°, 78.91%, 50.2%).

#80461B pairs strongly with #1B5580 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#80461B is suitable for Text, Button, Accent and works well with Vivid, Warm styles.

#80461B is commonly associated with Energetic.

The name Russet is linked to rousset from Old French, meaning reddish.

Name, History & Etymology

Origin Word rousset
Meaning reddish
Language Old French
First Recorded Use Late Middle English

History

The word 'russet' entered English from Old French 'rousset', a diminutive of 'rous' meaning 'red'. It originally referred to a coarse, reddish-brown homespun cloth, often made from undyed wool, that was commonly worn by peasants and country folk. This association with simple, rustic clothing led to 'russet' also being used to describe a type of apple with a rough, brownish skin, and later, a reddish-brown color itself, particularly one with a somewhat dull or earthy tone. Its use as a color name became more prominent over time, especially in describing natural elements like leaves in autumn or certain animal coats.

First Recorded Use

c. 1300-1400

Cultural Associations

Russet evokes a sense of autumn, harvest, and rustic simplicity. It's strongly associated with the color of fallen leaves, certain varieties of apples and potatoes (e.g., Russet Burbank), and the natural tones of wood and earth. In art and fashion, it's often used to convey warmth, earthiness, and a connection to nature. Historically, its association with 'russet cloth' also linked it to the working class or rural life, contrasting with brighter or more refined colors worn by the wealthy.

Similar Named Colors

Saddle Brown #8B4513 ΔE 2.90
Sepia #704214 ΔE 4.40
Brown-nose #6B4423 ΔE 5.70

Code Snippets

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

/* Text */
.element {
    color: #80461B;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #80461B,
        #1C8FE4
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #80461B,
        #1C8FE4
    );
}

// SCSS variable
$russet: #80461B;

// With RGB channels (useful for rgba() usage)
$russet-r: 128;
$russet-g: 70;
$russet-b: 27;

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