#36454F
Charcoal
Charcoal is a very dark gray that serves as a softer alternative to pure black. Many designers prefer it to #000000 for text because it is easier on the eyes.
Charcoal Color Values
HEX#36454F
RGB54, 69, 79
HSL204°, 19%, 26%
HSV204°, 32%, 31%
CMYK32%, 13%, 0%, 69%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #40454F (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #3D424F (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #2E4749 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #424242 (~0.003% of population)
Charcoal as Text Color
Charcoal on White
9.9:1AAA
Charcoal on Light Gray
9.1:1AAA
Charcoal on Cream
9.4:1AAA
Charcoal on Dark
1.7:1FAIL
Charcoal on Black
2.1:1FAIL
Charcoal on Soft Blue
8.7:1AAA
Charcoal on Soft Green
8.8:1AAA
Charcoal on Soft Pink
8.2:1AAA
Nearest Tailwind Class
gray-700
#374151
Nearest Pantone Match
Pantone 7687 C
#1B3D6F
CSS Variable Export
:root {
--color-charcoal: #36454F;
--color-charcoal-rgb: 54, 69, 79;
}Tailwind Config
// tailwind.config.js
colors: {
'charcoal': '#36454F',
}Shades of Charcoal
#36454F
#303D46
#29353D
#232D34
#1D252A
#192024
#13181B
#0C1012
#060809
#000000
Tints of Charcoal
#36454F
#465A67
#576F7F
#6A879A
#839AAA
#9BAEBB
#B3C2CB
#CED8DE
#E7EBEE
#FFFFFF
Color Harmonies
Complementary
#36454F
#4F4036
Analogous
#364F4C
#36454F
#36384F
Triadic
#36454F
#4F3645
#454F36
Charcoal Text Preview
Heading in Charcoal
Body text in Charcoal. The quick brown fox jumps over the lazy dog.
White on Charcoal
Body text on a Charcoal background.
Charcoal text on dark background
Contrast: 1.8:1