When Layered Brook atop Weaving

#677e9e RGB(103,126,158)

About this color

When Layered Brook atop Weaving carries its coordinates at #677e9e: a medium blue with muted saturation.

#677e9eRGB(103, 126, 158)

HSL 215° · 22% saturation · 51% lightness

🧠

Psychology

Mid blue dominates corporate and tech branding precisely because it reads as dependable without being cold.

🏛️

History

In Japanese aesthetics, blue — particularly indigo — has been a central colour for centuries: the slow-dyed textiles of Tokushima remain prized for their depth and permanence.

✏️

Design use

Practically, this medium blue is comfortable as brand accents, data visualisation series, and illustrative elements. Its middle lightness gives it presence on both white and dark backgrounds.

🎭

Colour pairings

For palette building, this blue pairs naturally with warm neutrals — tawny beiges, soft terracottas, aged brass — which amplify its cool character by contrast. Analogous blue-violets and blue-greens give a more cohesive, tonal result.

⚖️ Contrast checker👁 Colour blindness🌈 Gradient🎨 Colour mixer

Color Categories

Color formats

Name
When Layered Brook atop Weaving
HEX
#677e9e
RGB
rgb(103,126,158)
RGB%
rgb(40.4%,49.4%,62%)
HSL
hsl(215,22%,51%)
HSV
hsv(215,35%,62%)
CMYK
cmyk(35,20,0,38)
LAB
lab(52,0,-20)
LCH
lch(52,20,270)
sRGB
(0.404,0.494,0.62)
HEX8
#677e9eff
CSS Name
Decimal
103126158

Similar colors

Color variants

Color info

Lightness
51%
Saturation
22%
Hue
215°
Chroma
20
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share