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
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #C4C3D0 from deepest shade to lightest tint.
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);
}