When the Translucent Beam with Blooming

#b2b7c8 RGB(178,183,200)

About this color

When the Translucent Beam with Blooming carries its coordinates at #b2b7c8: a light blue with muted saturation.

#b2b7c8RGB(178, 183, 200)

HSL 226° · 17% saturation · 74% lightness

🧠

Psychology

A lighter blue is one of the most universally liked hues — readable as safe, clean, and approachable.

🏛️

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

With its high lightness, this tone is ideal as page backgrounds, input fields, and hover states — contexts where colour informs rather than dominates. Pair with deeper tones of the same family for clear visual hierarchy.

🎭

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 the Translucent Beam with Blooming
HEX
#b2b7c8
RGB
rgb(178,183,200)
RGB%
rgb(69.8%,71.8%,78.4%)
HSL
hsl(226,17%,74%)
HSV
hsv(226,11%,78%)
CMYK
cmyk(11,8,0,22)
LAB
lab(75,2,-9)
LCH
lch(75,9,283)
sRGB
(0.698,0.718,0.784)
HEX8
#b2b7c8ff
CSS Name
Decimal
178183200

Similar colors

Color variants

Color info

Lightness
74%
Saturation
17%
Hue
226°
Chroma
9
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share