When Aglitter Alabaster over Hovering

#abb0c3 RGB(171,176,195)

About this color

When Aglitter Alabaster over Hovering carries its coordinates at #abb0c3: a light blue with muted saturation.

#abb0c3RGB(171, 176, 195)

HSL 227° · 17% saturation · 72% 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 Aglitter Alabaster over Hovering
HEX
#abb0c3
RGB
rgb(171,176,195)
RGB%
rgb(67.1%,69%,76.5%)
HSL
hsl(227,17%,72%)
HSV
hsv(227,12%,76%)
CMYK
cmyk(12,10,0,24)
LAB
lab(72,2,-10)
LCH
lch(72,10,281)
sRGB
(0.671,0.69,0.765)
HEX8
#abb0c3ff
CSS Name
Decimal
171176195

Similar colors

Color variants

Color info

Lightness
72%
Saturation
17%
Hue
227°
Chroma
10
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share