HomeBrowse Traditional Colors
Metal ELEMENT

鱼尾灰

#5E616D
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
Winter
Direction
North
Symbolism
Wisdom & Depth
Color Class
Secondary Color (间色)
Category
Gray

Technical Specs

HEX#5E616D
RGB94, 97, 109
HSL228°, 7%, 40%
CMYK64%, 52%, 39%, 28%

Visual Analysis

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

Color Harmonies

Complementary
#5E616D
#6D6A5F
Triadic
#5E616D
#6D5F62
#626D5F
Analogous
#5F696D
#5E616D
#635F6D
Split-Complementary
#5E616D
#6D635F
#696D5F
Tint & Shade
#2A2E3C
#5E616D
#999999

Design Applications

Brand & Identity

"鱼尾灰" is particularly suited for technology, finance, and maritime brands. Its specific tonal character (H:228° S:7%) creates a distinctive brand identity that stands apart from generic color choices.

Interior & Spatial

In spatial design, this specific shade excels in modern offices, reading nooks, and coastal interiors. At 40% lightness, it balances visibility and subtlety — ideal for body text containers, sidebar accents, or secondary backgrounds.

Digital & UI

In digital interfaces, consider using "鱼尾灰" for navigation bars, links, and trust-building elements. At 40% 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.16:1
AA AAA
Black Text Sample
The quick brown fox jumps.
3.41: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

Cool-toned (hue 228°), evokes calm and focus. Cool colors recede, creating depth.

Visual Weight

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

Saturation Impact

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

Color Breakdown

Hue228°
Saturation7%
Lightness40%
Print Values (CMYK)
C64%
M52%
Y39%
K28%

More Metal · Gray Colors

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