HomeBrowse Traditional Colors
Metal ELEMENT

#665757
Generate palette with this color →
M
Metal Element
Autumn · West · Precision & Clarity
Primary Color (正色)

Cultural Resonance

A traditional Chinese color with historical roots. Historical record ("说文解字").

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

Five Elements

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

Technical Specs

HEX#665757
RGB102, 87, 87
HSL0°, 8%, 37%
CMYK0%, 15%, 15%, 60%

Visual Analysis

A medium-dark red tone (H:0° S:8% L:37%) that is nearly achromatic, muted. It carries a texture reminiscent of polished stone, offering a distinctive presence in any palette.

Color Harmonies

Complementary
#665757
#576666
Triadic
#665757
#576657
#575766
Analogous
#66575E
#665757
#665E57
Split-Complementary
#665757
#57665E
#575E66
Tint & Shade
#332424
#665757
#919191

Design Applications

Brand & Identity

"黝" is particularly suited for luxury goods, fine dining, and heritage brands. Its specific tonal character (H:0° S:8%) 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 37% 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 37% 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.
6.85:1
AA AAA
Black Text Sample
The quick brown fox jumps.
3.07: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 0°), triggers energy and action. Warm colors advance visually, making elements feel prominent.

Visual Weight

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

Saturation Impact

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

Color Breakdown

Hue0°
Saturation8%
Lightness37%
Print Values (CMYK)
C0%
M15%
Y15%
K60%

More Metal · Gray Colors

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