Raw Umber

HEX: #826644 | Modern Palette

On White
5.34:1
PASS
On Black
3.93:1
FAIL

Color Specifications

HEX
#826644
RGB
130, 102, 68
HSL
32°, 47% ,50%
CMYK
0, 21.54, 47.69, 49.02

About Raw Umber

Raw Umber (#826644) is a color with RGB(130, 102, 68) and HSL(32.9°, 47.69%, 50.98%). It is commonly associated with Earthy moods. In design, it fits Warm styles and is suitable for Text, Button, Logo. Its complementary color is #446082, which creates strong contrast. Its triadic palette includes #448266 and #664482. The name comes from terra d'ombra (Italian).

  • HEX: #826644
  • RGB: 130, 102, 68
  • HSL: 32.9°, 47.69%, 50.98%
  • Mood: Earthy
  • Style: Warm
  • Use case: Text, Button, Logo
  • Complementary color: #446082
  • Triadic colors: #448266, #664482
  • The name comes from terra d'ombra (Italian).

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

Color Characteristics

Mood
Earthy
Style
Warm
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #6F6F43
Protanopia #6A6A44
Tritanopia #856262
Achromatopsia #6B6B6B

Frequently Asked Questions

Raw Umber (#826644) is a color with RGB(130, 102, 68) and HSL(32.9°, 47.69%, 50.98%).

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

#826644 is suitable for Text, Button, Logo and works well with Warm styles.

#826644 is commonly associated with Earthy.

The name Raw Umber is linked to terra d'ombra from Italian, meaning earth of shadow.

Name, History & Etymology

Origin Word terra d'ombra
Meaning earth of shadow
Language Italian
First Recorded Use Renaissance

History

Umber is one of the oldest pigments, used since prehistoric times. Its name derives from 'terra d'ombra', meaning 'earth of shadow' in Italian, referring to the region of Umbria in Italy where it was historically mined. Raw umber is a natural earth pigment composed of iron oxide, manganese oxide, and clay. The presence of manganese oxide gives it a darker, cooler, and slightly greener undertone compared to other earth pigments like ochre or sienna. It was widely used by Old Masters for underpaintings, shadows, and glazes due to its excellent drying properties and versatility. Its use continued through various art movements, valued for its naturalistic qualities and permanence.

First Recorded Use

Early 16th century (as a pigment name)

Cultural Associations

Raw umber is often associated with natural landscapes, earthy tones, and a sense of groundedness. In art, it's frequently employed to depict shadows, create depth, and provide a stable base for other colors. Its muted, natural appearance has made it a staple in palettes for realism and naturalism. It doesn't carry the same symbolic weight as some brighter colors but is fundamental to creating realistic and atmospheric effects.

Similar Named Colors

Coyote Brown #81613E ΔE 2.15
French Bistre #856D4D ΔE 2.87
Pastel Brown #836953 ΔE 4.45
Dark Brown-tangelo #88654E ΔE 5.82

Code Snippets

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

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

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #826644,
        #467CBE
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #826644,
        #467CBE
    );
}

// SCSS variable
$raw-umber: #826644;

// With RGB channels (useful for rgba() usage)
$raw-umber-r: 130;
$raw-umber-g: 102;
$raw-umber-b: 68;

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