Coloried

Lavender Grey

Lavender Grey color is a delicate shade of light gray. Its hex code is #C4C3D0 and rgb code is rgb(196, 195, 208), Its CMYK value is cmyk(6%, 6%, 0%, 18%), and Its HSL value is hsl(245, 12%, 79%). Against white, it has a contrast ratio of 1.74:1, while against black, the contrast ratio is 12.06:1. Its complementary color is #CFD0C3 and closest tailwind color is neutral-300. This color goes well with #7F6E8C, #6E7A8C, #4E4C61, #A3998A, and #94A38A. To recreate the Lavender Grey color, you can mix #FFFFFF and #8987A1.

Lavender Grey color code
|
1. Color Conversions
HEX#C4C3D0
RGB196, 195, 208
HSL245°, 12%, 79%
HSV245°, 12%, 82%
CMYK6%, 6%, 0%, 18%
Web Safe#CCCCCC
2. Contrast Ratio
Text on #FFFFFF1.74:1
Fail LargeFail Normal
Text on #00000012.06:1
AAA LargeAAA Normal
3. Lavender Grey Color Code in CSS
HEX
#C4C3D0
RGB
rgb(196, 195, 208)
HSL
hsl(245, 12%, 79%)
Text Color
color: #C4C3D0;
Background
background-color: #C4C3D0;
Border Color
border-color: #C4C3D0;
Box Shadow
box-shadow: 0 4px 14px 0 #C4C3D080;
SCSS
$color-lavender-grey: #C4C3D0;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#C4C4CD
Deuteranopia#C4C4CC
Tritanopia#C4CACA
Achromatopsia#C5C5C5
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive