Lucent Air opposite Hovering

#c7d3e6 RGB(199,211,230)

About this color

Lucent Air opposite Hovering is a moderate, very light blue tone, fixed at #c7d3e6 in the RGB color space.

#c7d3e6RGB(199, 211, 230)

HSL 217° · 38% saturation · 84% lightness

🧠

Psychology

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

🏛️

History

Blue has been among the most valued pigments throughout history — ultramarine, ground from lapis lazuli, was once worth more than gold and reserved for the robes of the Virgin Mary in medieval painting.

✏️

Design use

With its high lightness, this tone is ideal as a base layer in light-mode design systems, lending warmth or cool clarity to an otherwise white canvas. Works well with a bold complementary accent.

🎭

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
Lucent Air opposite Hovering
HEX
#c7d3e6
RGB
rgb(199,211,230)
RGB%
rgb(78%,82.7%,90.2%)
HSL
hsl(217,38%,84%)
HSV
hsv(217,13%,90%)
CMYK
cmyk(13,8,0,10)
LAB
lab(84,0,-11)
LCH
lch(84,11,270)
sRGB
(0.78,0.827,0.902)
HEX8
#c7d3e6ff
CSS Name
Decimal
199211230

Similar colors

Color variants

Color info

Lightness
84%
Saturation
38%
Hue
217°
Chroma
11
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share