HomeBrowse Traditional Colors
Metal ELEMENT

玛瑙灰

#CFCCC9
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#CFCCC9
RGB207, 204, 201
HSL30°, 6%, 80%
CMYK21%, 17%, 19%, 1%

Visual Analysis

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

Color Harmonies

Complementary
#CFCCC9
#C9CCCF
Triadic
#CFCCC9
#C9CFCC
#CCC9CF
Analogous
#CFC9C9
#CFCCC9
#CFCFC9
Split-Complementary
#CFCCC9
#C9CFCF
#C9C9CF
Tint & Shade
#A99989
#CFCCC9
#F2F2F2

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. Its bright, 80% lightness makes it perfect for large surface areas — page backgrounds, modal overlays, and light-themed layouts.

Digital & UI

In digital interfaces, consider using "玛瑙灰" for warm CTAs, notification badges, and accent borders. Its bright, 80% lightness makes it perfect for large surface areas — page backgrounds, modal overlays, and light-themed layouts.

Accessibility — WCAG Contrast

White Text Sample
The quick brown fox jumps.
1.60:1
AA AAA
Black Text Sample
The quick brown fox jumps.
13.13: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

At 80% lightness, feels lightweight and expansive — reduces perceived element weight by ~20%.

Saturation Impact

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

Color Breakdown

Hue30°
Saturation6%
Lightness80%
Print Values (CMYK)
C21%
M17%
Y19%
K1%

More Metal · Gray Colors

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