Coloried

Dark Heather Grey

Dark Heather Grey color is a dark shade of dark gray. Its hex code is #484848 and rgb code is rgb(72, 72, 72), Its CMYK value is cmyk(0%, 0%, 0%, 72%), and Its HSL value is hsl(0, 0%, 28%). Against white, it has a contrast ratio of 9.15:1, while against black, the contrast ratio is 2.30:1. Complementary color is #474747 and closest tailwind color is zinc-700. This color goes well with #949494, #949494, #BABABA, #7A7A7A, and #7A7A7A. To create this Dark Heather Grey color, you can mix #000000 and #909090.

Dark Heather Grey color code
|
1. Color Conversions
HEX#484848
RGB72, 72, 72
HSL0°, 0%, 28%
HSV0°, 0%, 28%
CMYK0%, 0%, 0%, 72%
Web Safe#333333
2. Contrast Ratio
Text on #FFFFFF9.15:1
AAA LargeAAA Normal
Text on #0000002.30:1
Fail LargeFail Normal
3. Dark Heather Grey Color Code in CSS
HEX
#484848
RGB
rgb(72, 72, 72)
HSL
hsl(0, 0%, 28%)
Text Color
color: #484848;
Background
background-color: #484848;
Border Color
border-color: #484848;
Box Shadow
box-shadow: 0 4px 14px 0 #48484880;
SCSS
$color-dark-heather-grey: #484848;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#484848
Deuteranopia#484848
Tritanopia#484848
Achromatopsia#484848
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive