Charcoal
Meet Charcoal (#36454F), a foundational color that strikes a perfect balance between black and gray. Its defining quality is a subtle complexity; with hints of deep blue and slate, it adds a layer of sophisticated depth to interfaces without the starkness of true black.
Charcoal Code Conversions
HEX
#36454F
LAB
28, -3, -8
RGB
54, 69, 79
XYZ
5.1, 5.6, 8.2
HSL
204°, 19%, 26%
LCH
28, 9, 248°
HSB
204°, 32%, 31%
LUV
28, -7, -9
HWB
204°, 21%, 69%
Charcoal Color Harmonies
Analogous
Analogous colors are found next to Charcoal on the color wheel. This combination creates a harmonious and serene palette, perfect for unified designs.
Complementary
Complementary colors are opposites on the color wheel. When paired with Charcoal, these hues create a high-contrast, visually striking effect for your designs.
Split Complementary
A split complementary palette pairs Charcoal with the two colors next to its complement, creating high-contrast, harmonious visuals with more creative freedom.
Triadic
A triadic palette combines Charcoal with two other hues equally spaced on the color wheel, resulting in a vibrant, high-contrast effect.
Tetradic
Using Charcoal as a base, a tetradic palette adds three more colors, forming two complementary pairs for a bold and versatile combination.
Square
A square color scheme pairs Charcoal with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.
Charcoal Contrast Simulation
Charcoal Color Variations
Shades
Shades are created by mixing black with Charcoal, giving the color more depth and gravity.
Tints
Tints are lighter variations of Charcoal, produced by mixing in white to soften its appearance.
Tones
Tones of Charcoal are created by adding gray, resulting in softer, more subdued variations.
Hues
Charcoal's hues are variations in temperature and intensity, creating distinct moods and visual feelings.
What Interfaces Use Colors Like Charcoal?





















