Warm Gray 55 is a medium, neutral shade in the gray color family, with a neutral feel. Its HEX code is #978C82, which equals rgb(151, 140, 130) in RGB and hsl(29, 9%, 55%) in HSL. In print terms it converts to roughly C0 M7 Y14 K41, although exact CMYK results depend on the paper and color profile.
- HEX
#978C82 - RGB
151, 140, 130 - HSL
29°, 9%, 55% - CMYK
0, 7, 14, 41 - Family
Gray - Tone
Medium, neutral
About Warm 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.39:1. Its complementary color is #828D97.
Download Warm 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…
Warm Gray 55 color codes
| HEX | #978C82 |
|---|---|
| RGB | rgb(151, 140, 130) |
| HSL | hsl(29, 9%, 55%) |
| HSV | 29°, 14%, 59% |
| CMYK | 0%, 7%, 14%, 41% |
| Decimal | 9931906 |
Shades and tints of Warm Gray 55
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEECEA - 100
#DCD9D5 - 200
#CBC6C1 - 300
#BAB2AC - 400
#A89F97 - 500
#978C82 - 600
#7E756C - 700
#655D57 - 800
#4C4641 - 900
#322F2B - 950
#191716
Color harmonies for Warm Gray 55
- Complementary
#828D97≈ Cool Gray 55 - Analogous −30°
#978282≈ Warm Gray 55 - Analogous +30°
#979682≈ Warm Gray 55 - Triadic +120°
#82978C≈ Pewter - Triadic +240°
#8C8297≈ Cool Gray 55 - Split 150°
#829796≈ Pewter - Split 210°
#828297≈ Cool Gray 55
Contrast and accessibility of Warm Gray 55
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Warm Gray 55 | Aa | 3.29:1 | AA Large only |
| Black text on Warm Gray 55 | Aa | 6.39:1 | AA (good) |
CSS code for Warm Gray 55
background-color: #978C82;color: #978C82;background-color: rgb(151, 140, 130);background-color: hsl(29, 9%, 55%);:root { --color-warm-gray-55: #978C82; }class="bg-[#978C82]"Colors similar to Warm Gray 55
- Neutral Gray 55
#8C8C8C - Medium Light Dusty Cinnabar
#A98B7E - Medium Light Dusty Persimmon
#A9907E - Medium Light Dusty Vermilion
#A9877E - Pewter
#8B8E92 - Medium Light Dusty Orange
#A9947E - Medium Light Dusty Scarlet
#A9837E - Warm Gray 50
#8B8074 - Warm Gray 60
#A29990 - Medium Light Dusty Tangerine
#A9987E - Medium Light Dusty Cardinal
#A97E83 - Medium Light Dusty Red
#A97E7E
More gray shades
- Warm Gray 25
#45403A - Warm Gray 30
#534C46 - Warm Gray 35
#615951 - Warm Gray 40
#6F665D - Warm Gray 45
#7D7368 - Warm Gray 50
#8B8074 - Warm Gray 60
#A29990 - Warm Gray 65
#AEA69E - Warm Gray 70
#B9B2AC - Warm Gray 75
#C5BFBA - Warm Gray 80
#D1CCC7
Frequently asked questions
What is the HEX code for Warm Gray 55?
The HEX code for Warm Gray 55 is #978C82.
What is the RGB value of Warm Gray 55?
Warm Gray 55 has an RGB value of 151, 140, 130 (rgb(151, 140, 130)). In HSL it is 29°, 9%, 55%.
What text color should I use on Warm Gray 55?
Use black text on Warm Gray 55. White text has a contrast ratio of 3.29:1 and black text has 6.39:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Warm Gray 55?
The complementary color of Warm Gray 55 is #828D97. Analogous colors #978282 and #979682 also pair well.