Coloried

Heather Grey

Heather Grey color is a muted shade of gray. Its hex code is #9C9DA4 and rgb code is rgb(156, 157, 164), Its CMYK value is cmyk(5%, 4%, 0%, 36%), and Its HSL value is hsl(233, 4%, 63%). Against white, its contrast ratio of 2.70:1, while against black, the contrast ratio is 7.77:1. Its complementary color is #A4A49D and closest tailwind color is zinc-400. This color goes well with #535158, #515558, #2C2C30, #726D69, and #6F7269. To create this Heather Grey color, you can mix #FFFFFF and #393B49.

Heather Grey color code
|
1. Color Conversions
HEX#9C9DA4
RGB156, 157, 164
HSL233°, 4%, 63%
HSV233°, 4%, 64%
CMYK5%, 4%, 0%, 36%
Web Safe#999999
2. Contrast Ratio
Text on #FFFFFF2.70:1
Fail LargeFail Normal
Text on #0000007.77:1
AAA LargeAAA Normal
3. Heather Grey Color Code in CSS
HEX
#9C9DA4
RGB
rgb(156, 157, 164)
HSL
hsl(233, 4%, 63%)
Text Color
color: #9C9DA4;
Background
background-color: #9C9DA4;
Border Color
border-color: #9C9DA4;
Box Shadow
box-shadow: 0 4px 14px 0 #9C9DA480;
SCSS
$color-heather-grey: #9C9DA4;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#9C9CA2
Deuteranopia#9C9CA2
Tritanopia#9CA1A1
Achromatopsia#9D9D9D
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive