When Opaline Alabaster alongside Hovering

#b8cfee RGB(184,207,238)

About this color

When Opaline Alabaster alongside Hovering is a vivid, very light blue tone, fixed at #b8cfee in the RGB color space.

#b8cfeeRGB(184, 207, 238)

HSL 214° · 61% saturation · 83% 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 formats

Name
When Opaline Alabaster alongside Hovering
HEX
#b8cfee
RGB
rgb(184,207,238)
RGB%
rgb(72.2%,81.2%,93.3%)
HSL
hsl(214,61%,83%)
HSV
hsv(214,23%,93%)
CMYK
cmyk(23,13,0,7)
LAB
lab(82,-1,-18)
LCH
lch(82,18,267)
sRGB
(0.722,0.812,0.933)
HEX8
#b8cfeeff
CSS Name
Decimal
184207238

Similar colors

Color variants

Color info

Lightness
83%
Saturation
61%
Hue
214°
Chroma
18
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share