LavenderGray
#C4C3D0Neutral family
About LavenderGray
LavenderGray (#C4C3D0) is a light, desaturated neutral. With little or no hue, it acts as a quiet, flexible backdrop that lets other colors lead while adding structure and sophistication of its own.
Psychology
Neutrals feel calm, balanced and unobtrusive. Whites suggest cleanliness and space, grays suggest practicality and composure, and blacks suggest power and elegance, together giving a design room to breathe.
Applications
Neutrals are the backbone of almost every palette: backgrounds, text, borders, and the whitespace that lets accent colors shine. They are essential in editorial, minimal, architectural and luxury design.
History
Charcoal, chalk and ash gave early artists their blacks and whites, while grays have been central to painting and photography since the dawn of each medium. Neutral palettes became a hallmark of modernist design in the 20th century.
Meaning
Neutrals symbolize simplicity, balance and timelessness. White means purity and clarity, gray means neutrality and composure, and black means authority and sophistication.
Why use this color
Use neutrals to build structure, improve readability and let your accent colors stand out. A strong neutral foundation makes any palette feel more polished, professional and timeless.
Accessibility
Against white, #C4C3D0 has a 1.7:1 contrast ratio; against black it is 12.1:1. Black text on #C4C3D0 meets WCAG AA for normal text.
Fun facts
- Black and white are technically the absence and presence of all visible light, not hues on the color wheel.
- Grays are often slightly tinted with a hue, giving warm, cool or greenish casts.
- Minimalist and luxury brands lean heavily on neutrals to project timeless elegance.
Shades, tints & tones
Variations
Ten lightness steps plus LavenderGray's tints, shades and tones — every swatch copies its hex on click.
Lightness scale
Tints (toward white)
Shades (toward black)
Tones (toward gray)
Color theory
Color harmonies
Proven schemes built around LavenderGray. Each swatch is one click from your clipboard.
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Monochromatic
Accessibility
Blindness simulator
See how LavenderGray is perceived with common types of color vision deficiency.
Normal vision
Standard trichromatic vision, shown for reference.
Protanopia
Red-blind. Reds look darker and can be confused with greens and browns.
Deuteranopia
Green-blind. Greens look muted and can be confused with reds and browns.
Tritanopia
Blue-blind. Blues look greenish and yellows fade toward pink.
Achromatopsia
Complete color blindness. Everything is seen in shades of gray.
WCAG
Contrast checker
How LavenderGray performs against black and white text, with WCAG AA and AAA ratings.
The ratio is identical whether LavenderGray is used as the text or the background.
Open the full checkerReady to use
Color palettes
Curated palettes that put LavenderGray to work, with copy-all support for each.
Complementary
Roughly 180° across the wheel from #C4C3D0 (hue 245°) sits #cfd0c3, held together by the #ffffff tint and the neutrals #f4f4f5 and #18181b.
Analogous
#C4C3D0 with its two closest neighbours, #c3c8d0 and #cbc3d0, for a 12%-saturation run that stays inside one family; #ffffff and #7e7c98 add depth without breaking it.
Triadic
#C4C3D0 plus #d0c4c3 and #c3d0c4, a triangle that sits 120° apart at every corner, with #f4f4f5 and #18181b doing the quiet work underneath.
Monochromatic
One hue at 5 lightness steps: #f4f4f6 through #0e0d11, starting from #C4C3D0 at 79% lightness.
LavenderGray (#C4C3D0) is a neutral-family color. Use its values, variations, harmonies and palettes above to put it to work in your next design.
Frequently asked questions
LavenderGray is #C4C3D0 — rgb(196, 195, 208) / hsl(245, 12%, 79%). LavenderGray (#C4C3D0) is a light, desaturated neutral. With little or no hue, it acts as a quiet, flexible backdrop that lets other colors lead while adding structure and sophistication of its own.
Good to know
- LavenderGray is one of 609 named colors in the library.
- Its complementary hue sits 180° away on the color wheel: #cfd0c3.
More color tools
Next steps for LavenderGray: each of these picks the value up where this page leaves off, so nothing gets retyped or re-uploaded.