HomeBrowse Traditional Colors
Water ELEMENT

虹蓝

#2177B8
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#2177B8
RGB33, 119, 184
HSL206°, 70%, 43%
CMYK99%, 44%, 10%, 1%

Visual Analysis

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

Color Harmonies

Complementary
#2177B8
#BA6321
Triadic
#2177B8
#BA2178
#78BA21
Analogous
#21BAB0
#2177B8
#212BBA
Split-Complementary
#2177B8
#BA212B
#BAB021
Tint & Shade
#0C416A
#2177B8
#68A8D9

Design Applications

Brand & Identity

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

Visual Weight

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

Saturation Impact

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

Color Breakdown

Hue206°
Saturation70%
Lightness43%
Print Values (CMYK)
C99%
M44%
Y10%
K1%

More Water · Blue Colors

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