Neutral Gray 55 is a medium, neutral shade in the gray color family, with a neutral feel. Its HEX code is #8C8C8C, which equals rgb(140, 140, 140) in RGB and hsl(0, 0%, 55%) in HSL. In print terms it converts to roughly C0 M0 Y0 K45, although exact CMYK results depend on the paper and color profile.
- HEX
#8C8C8C - RGB
140, 140, 140 - HSL
0°, 0%, 55% - CMYK
0, 0, 0, 45 - Family
Gray - Tone
Medium, neutral
About Neutral Gray 55
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 6.25:1. Its complementary color is #8C8C8C.
Download Neutral Gray 55 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…
Neutral Gray 55 color codes
| HEX | #8C8C8C |
|---|---|
| RGB | rgb(140, 140, 140) |
| HSL | hsl(0, 0%, 55%) |
| HSV | 0°, 0%, 55% |
| CMYK | 0%, 0%, 0%, 45% |
| Decimal | 9211020 |
Shades and tints of Neutral Gray 55
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#ECECEC - 100
#D9D9D9 - 200
#C6C6C6 - 300
#B2B2B2 - 400
#9F9F9F - 500
#8C8C8C - 600
#757575 - 700
#5D5D5D - 800
#464646 - 900
#2F2F2F - 950
#171717
Color harmonies for Neutral Gray 55
- Complementary
#8C8C8C≈ Pewter - Analogous −30°
#8C8C8C≈ Pewter - Analogous +30°
#8C8C8C≈ Pewter - Triadic +120°
#8C8C8C≈ Pewter - Triadic +240°
#8C8C8C≈ Pewter - Split 150°
#8C8C8C≈ Pewter - Split 210°
#8C8C8C≈ Pewter
Contrast and accessibility of Neutral Gray 55
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Neutral Gray 55 | Aa | 3.36:1 | AA Large only |
| Black text on Neutral Gray 55 | Aa | 6.25:1 | AA (good) |
CSS code for Neutral Gray 55
background-color: #8C8C8C;color: #8C8C8C;background-color: rgb(140, 140, 140);background-color: hsl(0, 0%, 55%);:root { --color-neutral-gray-55: #8C8C8C; }class="bg-[#8C8C8C]"Colors similar to Neutral Gray 55
- Pewter
#8B8E92 - Warm Gray 55
#978C82 - Cool Gray 55
#828B97 - Gray
#808080 - Neutral Gray 60
#999999 - Light Slate Gray
#778899 - Cool Gray 60
#9097A2 - Warm Gray 60
#A29990 - Warm Gray 50
#8B8074 - Cool Gray 50
#747E8B - Slate Gray
#708090 - Medium Light Dusty Sapphire
#7E8BA9
More gray shades
- Neutral Gray 20
#333333 - Neutral Gray 25
#404040 - Neutral Gray 30
#4C4C4C - Neutral Gray 35
#595959 - Neutral Gray 40
#666666 - Neutral Gray 45
#737373 - Neutral Gray 60
#999999 - Neutral Gray 65
#A6A6A6 - Neutral Gray 70
#B2B2B2 - Neutral Gray 75
#BFBFBF - Neutral Gray 80
#CCCCCC
Frequently asked questions
What is the HEX code for Neutral Gray 55?
The HEX code for Neutral Gray 55 is #8C8C8C.
What is the RGB value of Neutral Gray 55?
Neutral Gray 55 has an RGB value of 140, 140, 140 (rgb(140, 140, 140)). In HSL it is 0°, 0%, 55%.
What text color should I use on Neutral Gray 55?
Use black text on Neutral Gray 55. White text has a contrast ratio of 3.36:1 and black text has 6.25:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Neutral Gray 55?
The complementary color of Neutral Gray 55 is #8C8C8C. Analogous colors #8C8C8C and #8C8C8C also pair well.