HomeBrowse Traditional Colors
Fire ELEMENT

蛋壳黄

#F8C387
Generate palette with this color →
F
Fire Element
Summer · South · Passion & Radiance
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
Fire
Season
Late Summer
Direction
Center
Symbolism
Virtue & Inclusiveness
Color Class
Secondary Color (间色)
Category
Red

Technical Specs

HEX#F8C387
RGB248, 195, 135
HSL32°, 89%, 75%
CMYK0%, 32%, 52%, 0%

Visual Analysis

A light and airy orange-red tone (H:32° S:89% L:75%) that is intensely saturated, bold. It carries the softness of silk, offering a distinctive presence in any palette.

Color Harmonies

Complementary
#F8C387
#87BBF8
Triadic
#F8C387
#87F8C3
#C387F8
Analogous
#F88A87
#F8C387
#F4F887
Split-Complementary
#F8C387
#87F4F8
#8A87F8
Tint & Shade
#FE941B
#F8C387
#FCF3E8

Design Applications

Brand & Identity

"蛋壳黄" is particularly suited for luxury goods, fine dining, and heritage brands. Its specific tonal character (H:32° S:89%) 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, 75% 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, 75% 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.15: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 32°), triggers energy and action. Warm colors advance visually, making elements feel prominent.

Visual Weight

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

Saturation Impact

High saturation (89%) demands attention — brain processes ~50ms faster than desaturated variants.

Color Breakdown

Hue32°
Saturation89%
Lightness75%
Print Values (CMYK)
C0%
M32%
Y52%
K0%

More Fire · Red Colors

丁香棕
#71361D
笋皮棕
#732E12
咖啡
#753117
淡豆沙
#873D24
椰壳棕
#883A1E
鹰背褐
#8F6D5F
老僧衣
#A46244
绀红
#A6522C