Lithe Alabaster before Hovering

#cae3f6 RGB(202,227,246)

About this color

Lithe Alabaster before Hovering is rendered by screens as RGB(202, 227, 246) — a very light, vivid blue hue.

#cae3f6RGB(202, 227, 246)

HSL 206° · 71% saturation · 88% lightness

🧠

Psychology

Light blues feel spacious, calm, and refreshing — evoking open sky, clean air, and clarity of thought.

🏛️

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

In design practice, this very light shade works best 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

When it comes to colour harmony, complement this blue with amber and warm orange for high-contrast energy, or stay within blue-green and violet neighbours for a serene, cohesive feel.

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

Color formats

Name
Lithe Alabaster before Hovering
HEX
#cae3f6
RGB
rgb(202,227,246)
RGB%
rgb(79.2%,89%,96.5%)
HSL
hsl(206,71%,88%)
HSV
hsv(206,18%,96%)
CMYK
cmyk(18,8,0,4)
LAB
lab(89,-4,-12)
LCH
lch(89,13,252)
sRGB
(0.792,0.89,0.965)
HEX8
#cae3f6ff
CSS Name
Decimal
202227246

Similar colors

Color variants

Color info

Lightness
88%
Saturation
71%
Hue
206°
Chroma
13
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share