HomeBrowse Traditional Colors
Metal ELEMENT

夜灰

#847C74
Generate palette with this color →
M
Metal Element
Autumn · West · Precision & Clarity
Secondary Color (间色)

Cultural Resonance

A traditional Chinese color with historical roots. Modern nomenclature.

A secondary color derived from blending primary colors, commonly seen in folk clothing and daily life.

Five Elements

Element
Metal
Season
Autumn
Direction
West
Symbolism
Solemnity & Restraint
Color Class
Secondary Color (间色)
Category
Gray

Technical Specs

HEX#847C74
RGB132, 124, 116
HSL30°, 6%, 49%
CMYK43%, 40%, 44%, 42%

Visual Analysis

A mid-toned orange-red tone (H:30° S:6% L:49%) that is nearly achromatic, muted. It carries a texture reminiscent of polished stone, offering a distinctive presence in any palette.

Color Harmonies

Complementary
#847C74
#757D84
Triadic
#847C74
#75847D
#7D7584
Analogous
#847575
#847C74
#848475
Split-Complementary
#847C74
#758484
#757584
Tint & Shade
#564A3E
#847C74
#B0B0B0

Design Applications

Brand & Identity

"夜灰" is particularly suited for luxury goods, fine dining, and heritage brands. Its specific tonal character (H:30° S:6%) 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. At 49% lightness, it balances visibility and subtlety — ideal for body text containers, sidebar accents, or secondary backgrounds.

Digital & UI

In digital interfaces, consider using "夜灰" for warm CTAs, notification badges, and accent borders. At 49% lightness, it balances visibility and subtlety — ideal for body text containers, sidebar accents, or secondary backgrounds.

Accessibility — WCAG Contrast

White Text Sample
The quick brown fox jumps.
4.10:1
AA AAA
Black Text Sample
The quick brown fox jumps.
5.12:1
AA AAA

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

Color Psychology

Color Temperature

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

Visual Weight

Mid-range lightness (49%) creates balanced presence — works for text and interactive elements.

Saturation Impact

Low saturation (6%) reduces cognitive load — associated with professionalism in design research.

Color Breakdown

Hue30°
Saturation6%
Lightness49%
Print Values (CMYK)
C43%
M40%
Y44%
K42%

More Metal · Gray Colors

雁灰
#80766E
深灰
#81776E
瓦灰
#867E76
蒽油绿
#373834
剑锋紫
#3E3841
瓦罐灰
#47484C
黄昏灰
#474B4C
紫鼠
#594C57