HomeBrowse Traditional Colors
Fire ELEMENT

#FF3300
Generate palette with this color →
F
Fire Element
Summer · South · Passion & Radiance
Primary Color (正色)

Cultural Resonance

A traditional Chinese color with historical roots. Modern nomenclature.

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

Five Elements

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

Technical Specs

HEX#FF3300
RGB255, 51, 0
HSL12°, 100%, 50%
CMYK0%, 80%, 100%, 0%

Visual Analysis

A mid-toned red tone (H:12° S:100% L:50%) that is intensely saturated, bold. It carries the brilliance of ceramic glaze, offering a distinctive presence in any palette.

Color Harmonies

Complementary
#FF3300
#00CCFF
Triadic
#FF3300
#00FF33
#3300FF
Analogous
#FF004C
#FF3300
#FFB300
Split-Complementary
#FF3300
#00FFB3
#004CFF
Tint & Shade
#991F00
#FF3300
#F7896E

Design Applications

Brand & Identity

"炎" is particularly suited for luxury goods, fine dining, and heritage brands. Its specific tonal character (H:12° S:100%) 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. With 50% lightness, it offers versatile mid-range presence — suitable for card backgrounds, hover states, and decorative fills.

Digital & UI

In digital interfaces, consider using "炎" for warm CTAs, notification badges, and accent borders. With 50% lightness, it offers versatile mid-range presence — suitable for card backgrounds, hover states, and decorative fills.

Accessibility — WCAG Contrast

White Text Sample
The quick brown fox jumps.
3.67:1
AA AAA
Black Text Sample
The quick brown fox jumps.
5.73: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 12°), triggers energy and action. Warm colors advance visually, making elements feel prominent.

Visual Weight

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

Saturation Impact

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

Color Breakdown

Hue12°
Saturation100%
Lightness50%
Print Values (CMYK)
C0%
M80%
Y100%
K0%

More Fire · Red Colors

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