HomeColor Encyclopedia
Pastel

Light Lavender Grayish Blue

#BBBAC7

A gentle and soothing shade that is a blend of lavender, gray, and baby blue.

Generate palette with this color →

Emotion & Mood

Emotion
CalmPeacefulTranquil
Mood
SereneSoothingDreamy

Personality & Symbolism

ReservedComfortingElegant
Cultural Symbolism

Balance, Harmony, Spirituality, Introspection

Recommended Use

Ideal for creating a calming and peaceful atmosphere in bedrooms, offices, or meditative spaces.

Color Harmonies

Complementary
#BBBAC7
+
#c5c6b9
Split Complementary
#c6c0b9
#BBBAC7
#bec6b9
Darker Shades
Lighter Tints

Visual Analysis

Hue245°
Saturation10%
Lightness75%
This is a light color with low saturation. It falls in the blue hue family (245°).

Technical Values

HEX#BBBAC7
RGBrgb(187, 186, 199)
HSLhsl(245, 10%, 75%)
CMYK6%, 7%, 0%, 22%
ContrastLight
CSSbackground: #BBBAC7;

Accessibility — WCAG Contrast

White Text Sample
The quick brown fox jumps.
1.92:1
AA AAA
Black Text Sample
The quick brown fox jumps.
10.96:1
AA AAA

WCAG 2.1 requires a contrast ratio of ≥4.5:1 for AA (normal text) and ≥7:1 for AAA. Best text color for this background: black (#000000).

Color Psychology

Color Temperature

This cool-toned color (hue 245°) evokes feelings of calm, trust, and intellectual focus. Cool colors tend to recede visually, creating depth and spaciousness in layouts.

Visual Weight

With 75% lightness, this color feels lightweight and expansive. Light colors psychologically reduce perceived weight of UI elements by up to 20%, making interfaces feel more airy.

Saturation Impact

The low saturation (10%) gives this color a muted, sophisticated quality. Desaturated colors reduce cognitive load and are associated with professionalism and maturity in design research.

Design Applications

Corporate & Enterprise

Communicates trust and professionalism — the top choice for corporate sites, legal firms, and B2B SaaS.

Government & Institutions

Authority and dependability — frequently used for government portals, educational institutions, and official communications.

Backgrounds & Space

Light tones create spacious, breathable layouts — ideal for content-heavy pages, minimalist designs, and card backgrounds.

Similar Colors

Plum Purple (approximate)
#B8B5D8
紺桔梗 (Konkikyo)
#211E55
Cadet Blue (with a touch of Purple)
#A49ED8
Lavender Sapphire
#D2CFE9
Jumbo
#7B7A83
Light Blue-Grayish Purple
#B7B3D2
Darkslateblue
#483D8B
Mediumslateblue
#7B68EE