Neutral Gray 70 is a medium-light, neutral shade in the gray color family, with a neutral feel. Its HEX code is #B2B2B2, which equals rgb(178, 178, 178) in RGB and hsl(0, 0%, 70%) in HSL. In print terms it converts to roughly C0 M0 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#B2B2B2 - RGB
178, 178, 178 - HSL
0°, 0%, 70% - CMYK
0, 0, 0, 30 - Family
Gray - Tone
Medium-light, neutral
About Neutral Gray 70
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 black is the most readable choice on this color, with a contrast ratio of 9.90:1. Its complementary color is #B3B3B3.
Download Neutral Gray 70 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 70 color codes
| HEX | #B2B2B2 |
|---|---|
| RGB | rgb(178, 178, 178) |
| HSL | hsl(0, 0%, 70%) |
| HSV | 0°, 0%, 70% |
| CMYK | 0%, 0%, 0%, 30% |
| Decimal | 11711154 |
Shades and tints of Neutral Gray 70
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2F2F2 - 100
#E5E5E5 - 200
#D9D9D9 - 300
#CCCCCC - 400
#BFBFBF - 500
#B2B2B2 - 600
#949494 - 700
#777777 - 800
#595959 - 900
#3B3B3B - 950
#1E1E1E
Color harmonies for Neutral Gray 70
- Complementary
#B3B3B3≈ Neutral Gray 70 - Analogous −30°
#B3B3B3≈ Neutral Gray 70 - Analogous +30°
#B3B3B3≈ Neutral Gray 70 - Triadic +120°
#B3B3B3≈ Neutral Gray 70 - Triadic +240°
#B3B3B3≈ Neutral Gray 70 - Split 150°
#B3B3B3≈ Neutral Gray 70 - Split 210°
#B3B3B3≈ Neutral Gray 70
Contrast and accessibility of Neutral Gray 70
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Neutral Gray 70 | Aa | 2.12:1 | Fails |
| Black text on Neutral Gray 70 | Aa | 9.90:1 | AAA (excellent) |
CSS code for Neutral Gray 70
background-color: #B2B2B2;color: #B2B2B2;background-color: rgb(178, 178, 178);background-color: hsl(0, 0%, 70%);:root { --color-neutral-gray-70: #B2B2B2; }class="bg-[#B2B2B2]"Colors similar to Neutral Gray 70
- Cool Gray 70
#ACB1B9 - Warm Gray 70
#B9B2AC - Ash Gray
#B2BEB5 - Dark Gray
#A9A9A9 - Neutral Gray 65
#A6A6A6 - Pale Dusty Royal
#AFB2CA - Pale Dusty Ultramarine
#B2AFCA - Pale Dusty Indigo
#B5AFCA - Pale Dusty Cobalt
#AFB5CA - Pale Dusty Blue
#AFAFCA - Pale Dusty Iris
#B7AFCA - Pale Dusty Sapphire
#AFB7CA
More gray shades
- Neutral Gray 35
#595959 - Neutral Gray 40
#666666 - Neutral Gray 45
#737373 - Neutral Gray 55
#8C8C8C - Neutral Gray 60
#999999 - Neutral Gray 65
#A6A6A6 - Neutral Gray 75
#BFBFBF - Neutral Gray 80
#CCCCCC - Neutral Gray 85
#D9D9D9 - Neutral Gray 90
#E6E6E6 - Neutral Gray 95
#F2F2F2
Frequently asked questions
What is the HEX code for Neutral Gray 70?
The HEX code for Neutral Gray 70 is #B2B2B2.
What is the RGB value of Neutral Gray 70?
Neutral Gray 70 has an RGB value of 178, 178, 178 (rgb(178, 178, 178)). In HSL it is 0°, 0%, 70%.
What text color should I use on Neutral Gray 70?
Use black text on Neutral Gray 70. White text has a contrast ratio of 2.12:1 and black text has 9.90:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Neutral Gray 70?
The complementary color of Neutral Gray 70 is #B3B3B3. Analogous colors #B3B3B3 and #B3B3B3 also pair well.