HomeBrowse Traditional Colors
Water ELEMENT

安安蓝

#3170A7
Generate palette with this color →
W
Water Element
Winter · North · Wisdom & Depth
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
Water
Season
Winter
Direction
North
Symbolism
Wisdom & Depth
Color Class
Secondary Color (间色)
Category
Blue

Technical Specs

HEX#3170A7
RGB49, 112, 167
HSL208°, 55%, 42%
CMYK93%, 49%, 17%, 3%

Visual Analysis

A medium-dark blue tone (H:208° S:55% L:42%) that is distinctly saturated, vivid. It carries the warmth of earthenware, offering a distinctive presence in any palette.

Color Harmonies

Complementary
#3170A7
#A66730
Triadic
#3170A7
#A6306F
#6FA630
Analogous
#30A6A2
#3170A7
#3034A6
Split-Complementary
#3170A7
#A63034
#A6A230
Tint & Shade
#143B5D
#3170A7
#72A1CA

Design Applications

Brand & Identity

"安安蓝" is particularly suited for technology, finance, and maritime brands. Its specific tonal character (H:208° S:55%) 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 42% 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 42% 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.
5.24:1
AA AAA
Black Text Sample
The quick brown fox jumps.
4.01: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 208°), evokes calm and focus. Cool colors recede, creating depth.

Visual Weight

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

Saturation Impact

Moderate saturation (55%) balances engagement and comfort for extended viewing.

Color Breakdown

Hue208°
Saturation55%
Lightness42%
Print Values (CMYK)
C93%
M49%
Y17%
K3%

More Water · Blue Colors

牛角灰
#2D2E36
沙鱼灰
#35333C
鸦青
#424C50
星灰
#B2BBBE
花白
#C2CCD0
大理石灰
#C4CBCF
远山紫
#CCCCD6
苍白
#D1D9E0