HomeBrowse Traditional Colors
Fire ELEMENT

咖啡

#753117
Generate palette with this color →
F
Fire Element
Summer · South · Passion & Radiance
Primary Color (正色)

Cultural Resonance

A traditional Chinese color with historical roots. Modern nomenclature.

A primary color in the Five Elements system, used in imperial court rituals and ceremonial attire.

Five Elements

Element
Fire
Season
Summer
Direction
South
Symbolism
Passion & Civilization
Color Class
Primary Color (正色)
Category
Red

Technical Specs

HEX#753117
RGB117, 49, 23
HSL17°, 67%, 27%
CMYK30%, 87%, 100%, 38%

Visual Analysis

A deep and dark orange-red tone (H:17° S:67% L:27%) that is highly saturated, vibrant. It carries the luster of lacquerware, offering a distinctive presence in any palette.

Color Harmonies

Complementary
#753117
#175973
Triadic
#753117
#177331
#311773
Analogous
#73172B
#753117
#735F17
Split-Complementary
#753117
#17735F
#172B73
Tint & Shade
#200C04
#753117
#BC5A34

Design Applications

Brand & Identity

"咖啡" is particularly suited for luxury goods, fine dining, and heritage brands. Its specific tonal character (H:17° S:67%) creates a distinctive brand identity that stands apart from generic color choices.

Interior & Spatial

In spatial design, this specific shade excels in intimate dining rooms and cozy libraries. Its dark depth works best as a grounding element — headers, footers, or bold text on light backgrounds.

Digital & UI

In digital interfaces, consider using "咖啡" for warm CTAs, notification badges, and accent borders. Its dark depth works best as a grounding element — headers, footers, or bold text on light backgrounds.

Accessibility — WCAG Contrast

White Text Sample
The quick brown fox jumps.
9.51:1
AA AAA
Black Text Sample
The quick brown fox jumps.
2.21:1
AA AAA

WCAG 2.1 requires ≥4.5:1 for AA and ≥7:1 for AAA. Best text color: white (#FFF).

Color Psychology

Color Temperature

Warm-toned (hue 17°), triggers energy and action. Warm colors advance visually, making elements feel prominent.

Visual Weight

At 27% lightness, carries substantial visual weight — adds perceived importance and gravity.

Saturation Impact

High saturation (67%) demands attention — brain processes ~50ms faster than desaturated variants.

Color Breakdown

Hue17°
Saturation67%
Lightness27%
Print Values (CMYK)
C30%
M87%
Y100%
K38%

More Fire · Red Colors

丁香棕
#71361D
笋皮棕
#732E12
淡豆沙
#873D24
椰壳棕
#883A1E
鹰背褐
#8F6D5F
老僧衣
#A46244
绀红
#A6522C
火泥棕
#AA6A4C