Charcoal

#4A4A4A
RGB
74, 74, 74
HSL
0°, 0%, 29%
CMYK
0, 0, 0, 71
HSV
0°, 0%, 29%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #4A4A4A color: #4A4A4A;
RGB 74, 74, 74 color: rgb(74, 74, 74);
RGB Percentage 29%, 29%, 29% color: rgb(29%, 29%, 29%);
CMYK 0%, 0%, 0%, 71% Not supported in CSS
HSL 0°, 0%, 29% color: hsl(0, 0%, 29%);
HSV 0°, 0%, 29% Not supported in CSS
CIE-LAB 23, 0, 0 color: lab(23% 0 0);
Decimal 4868682 Not supported in CSS

Color Variations

Shades

#4A4A4A
#434343
#3B3B3B
#343434
#2C2C2C
#252525
#1E1E1E
#161616

Tints

#C9C9C9
#B7B7B7
#A4A4A4
#929292
#808080
#6E6E6E
#5C5C5C
#4A4A4A

Tones

#4A4A4A
#4A4A4A
#4A4A4A
#4A4A4A
#4A4A4A
#4A4A4A
#4A4A4A
#4A4A4A

Hues

#4A4A4A
#4A4A4A
#4A4A4A
#4A4A4A
#4A4A4A
#4A4A4A
#4A4A4A
#4A4A4A

Color Harmonies

Analogous

#4A4A4A
Click to copy
Charcoal
100%
#4A4A4A
Click to copy
Charcoal
100%
#4A4A4A
Click to copy
Charcoal
100%

Complementary

#4A4A4A
Click to copy
Charcoal
100%
#4A4A4A
Click to copy
Charcoal
100%

Split Complementary

#4A4A4A
Click to copy
Charcoal
100%
#4A4A4A
Click to copy
Charcoal
100%
#4A4A4A
Click to copy
Charcoal
100%

Triadic

#4A4A4A
Click to copy
Charcoal
100%
#4A4A4A
Click to copy
Charcoal
100%
#4A4A4A
Click to copy
Charcoal
100%

Tetradic

#4A4A4A
Click to copy
Charcoal
100%
#4A4A4A
Click to copy
Charcoal
100%
#4A4A4A
Click to copy
Charcoal
100%
#4A4A4A
Click to copy
Charcoal
100%

Square

#4A4A4A
Click to copy
Charcoal
100%
#4A4A4A
Click to copy
Charcoal
100%
#4A4A4A
Click to copy
Charcoal
100%
#4A4A4A
Click to copy
Charcoal
100%

CSS & Dev Snippets

CSS
.charcoal {
  color: #4A4A4A;
}
SCSS
$charcoal: #4A4A4A;
RGB
rgb(74, 74, 74)

Accessibility & Contrast

White background

8.86:1
8.86
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

2.37:1
2.37
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags