When Radiant Beam underneath Hovering

#9ccdf3 RGB(156,205,243)

About this color

When Radiant Beam underneath Hovering settles into a light blue territory with a intense quality that feels cool — captured at #9ccdf3, RGB(156, 205, 243).

#9ccdf3RGB(156, 205, 243)

HSL 206° · 78% saturation · 78% 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

Light enough to serve 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

Looking at colour relationships, 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 Radiant Beam underneath Hovering
HEX
#9ccdf3
RGB
rgb(156,205,243)
RGB%
rgb(61.2%,80.4%,95.3%)
HSL
hsl(206,78%,78%)
HSV
hsv(206,36%,95%)
CMYK
cmyk(36,16,0,5)
LAB
lab(80,-7,-24)
LCH
lch(80,25,254)
sRGB
(0.612,0.804,0.953)
HEX8
#9ccdf3ff
CSS Name
Decimal
156205243

Similar colors

Color variants

Color info

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

Share