What the Azure Beam for Brightening

#d1ddff RGB(209,221,255)

About this color

What the Azure Beam for Brightening settles into a very light blue territory with a intense quality that feels cool — captured at #d1ddff, RGB(209, 221, 255).

#d1ddffRGB(209, 221, 255)

HSL 224° · 100% saturation · 91% 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 Categories

Color formats

Name
What the Azure Beam for Brightening
HEX
#d1ddff
RGB
rgb(209,221,255)
RGB%
rgb(82%,86.7%,100%)
HSL
hsl(224,100%,91%)
HSV
hsv(224,18%,100%)
CMYK
cmyk(18,13,0,0)
LAB
lab(88,3,-18)
LCH
lch(88,18,279)
sRGB
(0.82,0.867,1)
HEX8
#d1ddffff
CSS Name
Decimal
209221255

Similar colors

Color variants

Color info

Lightness
91%
Saturation
100%
Hue
224°
Chroma
18
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share