Lavender Gray
HEX: #C4C3D0 | Modern Palette
Color Specifications
#C4C3D0
196, 195, 208
244°, 12% ,79%
6, 6, 0, 18
About Lavender Gray
Lavender Gray (#C4C3D0) is a color with RGB(196, 195, 208) and HSL(244.6°, 12.1%, 79%). It is commonly associated with Minimal, Calm moods. In design, it fits Pastel, Cool styles and is suitable for Text, Background, Border. Its complementary color is #CFD0C3, which creates strong contrast. Its triadic palette includes #D0C4C3 and #C3D0C4. The name comes from Lavender Gray (English).
- HEX: #C4C3D0
- RGB: 196, 195, 208
- HSL: 244.6°, 12.1%, 79%
- Mood: Minimal, Calm
- Style: Pastel, Cool
- Use case: Text, Background, Border
- Complementary color: #CFD0C3
- Triadic colors: #D0C4C3, #C3D0C4
- The name comes from Lavender Gray (English).
Live Components
Color Palettes
Lavender Gray #C4C3D0 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.
Color Harmonies
Lavender Gray #C4C3D0 pairs with #CFD0C3 as its complementary color, and #D0C4C3 and #C3D0C4 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.
Frequently Asked Questions
Name, History & Etymology
History
The color lavender itself has been recognized for centuries, often associated with the flower. The addition of 'gray' to color names became more common as a way to describe muted, sophisticated, or less vibrant versions of existing colors. This trend accelerated in the late 19th and early 20th centuries with the rise of synthetic dyes allowing for a wider spectrum of subtle shades, and a growing appreciation for understated elegance in design. 'Lavender Gray' specifically denotes a cool, somewhat melancholic or serene tone, distinct from a brighter lavender or a warmer 'mauve gray'.
First Recorded Use
The specific compound 'Lavender Gray' likely emerged as color naming became more nuanced and standardized, particularly in fashion, interior design, and art, where precise descriptions were needed. While 'lavender' as a color has older roots, the 'gray' modifier suggests a later refinement.
Cultural Associations
Lavender Gray often evokes feelings of calm, sophistication, and sometimes nostalgia or melancholy due to its muted quality. It's frequently used in: - **Fashion:** For elegant, understated garments, often in spring or fall collections. It can be seen as a more mature or subtle alternative to brighter purples. - **Interior Design:** Popular for bedrooms, nurseries, or spaces aiming for a tranquil and refined atmosphere. It pairs well with whites, creams, and other grays. - **Art & Illustration:** Used to depict twilight, misty scenes, or to add a soft, ethereal quality. - **Weddings:** A popular choice for bridesmaid dresses or decor, offering a romantic yet sophisticated palette.
Code Snippets
/* Background */
.element {
background-color: #C4C3D0;
}
/* Text */
.element {
color: #C4C3D0;
}
/* Border */
.element {
border: 1px solid #C4C3D0;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#C4C3D0,
#CFD0C3
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#C4C3D0,
#CFD0C3
);
}// SCSS variable
$lavender-gray: #C4C3D0;
// With RGB channels (useful for rgba() usage)
$lavender-gray-r: 196;
$lavender-gray-g: 195;
$lavender-gray-b: 208;
// Usage
.element {
background-color: $lavender-gray;
color: rgba($lavender-gray-r, $lavender-gray-g, $lavender-gray-b, 0.8);
}