Skip to content

Charcoal Color Code: HEX Code & RGB Code Values ​

Looking for specific charcoal color code? Get exact charcoal hex code #36454F and charcoal RGB code rgb(54,69,79). Complete color information for design and development projects featuring this deep, smoky grey with blue undertones.

Visual example of charcoal color with its deep, smoky grey appearance
HEX#36454F
RGBrgb(54,69,79)

Shades of Charcoal ​

Create custom shades of charcoal with our color generator. Adjust hues, tints, and tones to find the perfect shade of charcoal for your project.

🎨

Shades (Adding Black)

  • 36454F
    rgb(54, 69, 79)
  • 2E3A42
    rgb(46, 58, 66)
  • 262F36
    rgb(38, 47, 54)
  • 1E2529
    rgb(30, 37, 41)
  • 171B1E
    rgb(23, 27, 30)
  • 0E1112
    rgb(14, 17, 18)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 36454F
    rgb(54, 69, 79)
  • 54616A
    rgb(84, 97, 106)
  • 747E86
    rgb(116, 126, 134)
  • 959DA3
    rgb(149, 157, 163)
  • B7BDC0
    rgb(183, 189, 192)
  • DBDDDF
    rgb(219, 221, 223)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 36454F
    rgb(54, 69, 79)
  • 38454E
    rgb(56, 69, 78)
  • 3A444C
    rgb(58, 68, 76)
  • 3C444A
    rgb(60, 68, 74)
  • 3E4448
    rgb(62, 68, 72)
  • 414345
    rgb(65, 67, 69)
  • 808080
    rgb(128, 128, 128)

Charcoal Palette ​

Explore curated and automatically generated color palettes featuring charcoal. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#91ADBF
Light
#718898
Medium Light
#536672
Medium
#36454F
Medium Dark
#28333A
Dark
#1B2126
Darkest
#0D1012

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#36454F
Left Dark
#626D75
Left Medium
#90989E
Left Light
#C2C6C9
Neutral
#F5F5F5
Right Light
#C9C4C1
Right Medium
#9F9590
Right Dark
#766961
Complementary End
#4F4036

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#959DA3
Medium
#36454F
Dark
#17262F
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#364F40
Left Adjacent 1
#364F4D
Main
#36454F
Right Adjacent 1
#36394F
Right Adjacent 2
#40364F

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#36454F
Complementary
#4F4036

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#36454F
Secondary
#4F3645
Tertiary
#454F36

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#36454F
Right 90°
#4C364F
Complementary
#4F4036
Left 90°
#394F36

Tetradic

Two pairs of complementary colors

4 colors
Main
#36454F
Secondary
#40364F
Complementary
#4F4036
Complementary Secondary
#454F36

Split Complementary

Complementary colors ±30°

3 colors
Main
#36454F
Split Left
#4F3639
Split Right
#4F4D36

Cyclic

Circular gradient for periodic data

8 colors
0°
#36454F
45°
#3A364F
90°
#4C364F
135°
#4F363F
180°
#4F4036
225°
#4B4F36
270°
#394F36
315°
#364F46

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#ABB4BA
Pastel 1
#B6BEC3
Pastel 2
#C1C8CD
Pastel 3
#CDD2D6
Pastel 4
#D8DCDF
Deep Pastel
#E3E6E8

Common Black Color Codes (HEX & RGB) ​

Black →
HEX:#000000
RGB:rgb(0, 0, 0)
Jet Black →
HEX:#0A0A0A
RGB:rgb(10,10,10)
Matte Black →
HEX:#1A1A1A
RGB:rgb(26,26,26)
Light Black →
HEX:#333333
RGB:rgb(51,51,51)

Extract Charcoal Hex & RGB Codes from Image ​

Upload a photo to find the exact charcoal HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Charcoal Color Code Converter ​

Instantly convert between HEX, RGB, CMYK, and more for charcoal shades.

🎨

All Formats:

  • HEX:
    #36454F
  • RGB:
    rgb(54, 69, 79)
  • CMYK:
    cmyk(32%, 13%, 0%, 69%)
  • HSV:
    hsv(204°, 32%, 31%)
  • HSL:
    hsl(204°, 19%, 26%)

What is Charcoal? ​

Charcoal is a deep, smoky grey color with blue undertones, named after the black residue of burned wood. It's a sophisticated, versatile shade that evokes feelings of warmth and coziness. This color is often associated with fire, nature, and rustic aesthetics.

The hex code for charcoal is #36454F, with RGB values of rgb(54, 69, 79). It's a sophisticated, beautiful color that adds warmth to any design.

Design Applications ​

Charcoal works well in rustic designs, natural aesthetics, and cozy themes. It pairs beautifully with cream, orange, and brown. Use it for home decor, natural designs, or to create a warm, cozy atmosphere in your projects.

FAQ ​

What is the charcoal hex code? ​

The charcoal hex code is #36454F.

What colors complement charcoal? ​

Charcoal pairs well with cream, orange, brown, and white.

Is charcoal named after the material? ​

Yes, it's named for the black charcoal used for drawing and fuel.