HomeBrowse Traditional Colors
Water ELEMENT

牵牛花蓝

#1177B0
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#1177B0
RGB17, 119, 176
HSL202°, 82%, 38%
CMYK98%, 42%, 16%, 3%

Visual Analysis

A medium-dark blue tone (H:202° S:82% L:38%) that is highly saturated, vibrant. It carries the brilliance of ceramic glaze, offering a distinctive presence in any palette.

Color Harmonies

Complementary
#1177B0
#B04C11
Triadic
#1177B0
#B01176
#76B011
Analogous
#11B09B
#1177B0
#1127B0
Split-Complementary
#1177B0
#B01127
#B09B11
Tint & Shade
#043958
#1177B0
#47A8E1

Design Applications

Brand & Identity

"牵牛花蓝" is particularly suited for technology, finance, and maritime brands. Its specific tonal character (H:202° S:82%) 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 38% 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 38% 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.
4.90:1
AA AAA
Black Text Sample
The quick brown fox jumps.
4.29: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 202°), evokes calm and focus. Cool colors recede, creating depth.

Visual Weight

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

Saturation Impact

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

Color Breakdown

Hue202°
Saturation82%
Lightness38%
Print Values (CMYK)
C98%
M42%
Y16%
K3%

More Water · Blue Colors

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