HomeColor Encyclopedia
Orange · 🗳️ XKCD

Warm Brown

#964E02

A deep vivid orange with warm undertones. Named by popular vote in the XKCD color survey — a crowdsourced color name used by 199+ respondents.

Generate palette with this color →

Emotion & Mood

Emotion
MysteriousVibrantWarm
Mood
IntenseContemplative

Personality & Symbolism

ConfidentStrongAssertive
Recommended Use

Suitable for accent colors and attention-grabbing elements.

Color Harmonies

Complementary
#964e02
+
#024a97
Split Complementary
#029497
#964e02
#050297
Darker Shades
Lighter Tints

Visual Analysis

Hue31°
Saturation97%
Lightness30%
This is a dark color with high saturation. It falls in the orange hue family (31°).

Technical Values

HEX#964E02
RGBrgb(150, 78, 2)
HSLhsl(31, 97%, 30%)
CMYK0%, 48%, 99%, 41%
ContrastDark
CSSbackground: #964e02;

Accessibility — WCAG Contrast

White Text Sample
The quick brown fox jumps.
6.20:1
AA AAA
Black Text Sample
The quick brown fox jumps.
3.39:1
AA AAA

WCAG 2.1 requires a contrast ratio of ≥4.5:1 for AA (normal text) and ≥7:1 for AAA. Best text color for this background: white (#FFFFFF).

Color Psychology

Color Temperature

This warm-toned color (hue 31°) triggers psychological responses associated with energy, comfort, and action. Warm colors appear to advance towards the viewer, making elements feel closer and more prominent.

Visual Weight

At 30% lightness, this color carries substantial visual weight. Dark colors add perceived importance and gravity to elements. Research shows dark elements are perceived as 10-30% heavier.

Saturation Impact

The high saturation (97%) creates a vibrant, attention-demanding presence. Highly saturated colors are processed faster by the human brain — reaction time decreases by approximately 50ms compared to desaturated variants.

Design Applications

Creative Industries

Conveys enthusiasm and creativity — perfect for design studios, digital agencies, and entertainment brands.

Youth & Social

Friendly and approachable — ideal for social platforms, gaming UIs, and youth-oriented products.

CTAs & Accents

High saturation draws attention — use for primary buttons, notification badges, and important interactive elements.

Similar Colors

紅鬱金 (Beniukon)
#E98B2A
Orangish Brown
#B25F03
Dark Olive Brown
#443D36
D9C3AD (Tan)
#D9C3AD
백자 (White Porcelain)
#FAF0E6
Orange Brown
#BE6400
Caramel Latte (焦糖拿铁)
#D4A373
柴染 (Fushizome)
#967249