Graphite is a dark, neutral shade in the gray color family, with a neutral feel. Its HEX code is #383838, which equals rgb(56, 56, 56) in RGB and hsl(0, 0%, 22%) in HSL. In print terms it converts to roughly C0 M0 Y0 K78, although exact CMYK results depend on the paper and color profile.
- HEX
#383838 - RGB
56, 56, 56 - HSL
0°, 0%, 22% - CMYK
0, 0, 0, 78 - Family
Gray - Tone
Dark, neutral
About Graphite
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 11.73:1. Its complementary color is #383838.
Download Graphite as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Graphite color codes
| HEX | #383838 |
|---|---|
| RGB | rgb(56, 56, 56) |
| HSL | hsl(0, 0%, 22%) |
| HSV | 0°, 0%, 22% |
| CMYK | 0%, 0%, 0%, 78% |
| Decimal | 3684408 |
Shades and tints of Graphite
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DEDEDE - 100
#BDBDBD - 200
#9C9C9C - 300
#7A7A7A - 400
#595959 - 500
#383838 - 600
#2F2F2F - 700
#252525 - 800
#1C1C1C - 900
#131313 - 950
#090909
Color harmonies for Graphite
- Complementary
#383838≈ Onyx - Analogous −30°
#383838≈ Onyx - Analogous +30°
#383838≈ Onyx - Triadic +120°
#383838≈ Onyx - Triadic +240°
#383838≈ Onyx - Split 150°
#383838≈ Onyx - Split 210°
#383838≈ Onyx
Contrast and accessibility of Graphite
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Graphite | Aa | 11.73:1 | AAA (excellent) |
| Black text on Graphite | Aa | 1.79:1 | Fails |
CSS code for Graphite
background-color: #383838;color: #383838;background-color: rgb(56, 56, 56);background-color: hsl(0, 0%, 22%);:root { --color-graphite: #383838; }class="bg-[#383838]"Colors similar to Graphite
- Onyx
#353839 - Neutral Gray 20
#333333 - Cool Gray 20
#2E3238 - Warm Gray 20
#38332E - Neutral Gray 25
#404040 - Warm Gray 25
#45403A - Cool Gray 25
#3A3F45 - Taupe
#483C32 - Very Dark Dusty Cyan
#253737 - Very Dark Dusty Teal
#253735 - Very Dark Dusty Lagoon
#253537 - Very Dark Dusty Turquoise
#253733
More gray shades
- Slate Gray
#708090 - Dim Gray
#696969 - Gray
#808080 - Light Gray
#D3D3D3 - Pewter
#8B8E92 - Ash Gray
#B2BEB5 - Onyx
#353839 - Ebony
#555D50 - Neutral Gray 15
#262626 - Neutral Gray 20
#333333 - Neutral Gray 25
#404040
Frequently asked questions
What is the HEX code for Graphite?
The HEX code for Graphite is #383838.
What is the RGB value of Graphite?
Graphite has an RGB value of 56, 56, 56 (rgb(56, 56, 56)). In HSL it is 0°, 0%, 22%.
What text color should I use on Graphite?
Use white text on Graphite. White text has a contrast ratio of 11.73:1 and black text has 1.79:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Graphite?
The complementary color of Graphite is #383838. Analogous colors #383838 and #383838 also pair well.