HomeBrowse Traditional Colors
Metal ELEMENT

瓦罐灰

#47484C
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#47484C
RGB71, 72, 76
HSL228°, 3%, 29%
CMYK67%, 57%, 49%, 49%

Visual Analysis

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

Color Harmonies

Complementary
#47484C
#4C4B48
Triadic
#47484C
#4C4849
#494C48
Analogous
#484B4C
#47484C
#49484C
Split-Complementary
#47484C
#4C4948
#4B4C48
Tint & Shade
#14151A
#47484C
#7D7D7D

Design Applications

Brand & Identity

"瓦罐灰" is particularly suited for technology, finance, and maritime brands. Its specific tonal character (H:228° S:3%) 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. 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 navigation bars, links, and trust-building elements. 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.13:1
AA AAA
Black Text Sample
The quick brown fox jumps.
2.30: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

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

Saturation Impact

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

Color Breakdown

Hue228°
Saturation3%
Lightness29%
Print Values (CMYK)
C67%
M57%
Y49%
K49%

More Metal · Gray Colors

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