Warm Gray 40 is a medium-dark, neutral shade in the gray color family, with a neutral feel. Its HEX code is #6F665D, which equals rgb(111, 102, 93) in RGB and hsl(30, 9%, 40%) in HSL. In print terms it converts to roughly C0 M8 Y16 K56, although exact CMYK results depend on the paper and color profile.
- HEX
#6F665D - RGB
111, 102, 93 - HSL
30°, 9%, 40% - CMYK
0, 8, 16, 56 - Family
Gray - Tone
Medium-dark, neutral
About Warm Gray 40
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 5.62:1. Its complementary color is #5D666F.
Download Warm Gray 40 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 40 color codes
| HEX | #6F665D |
|---|---|
| RGB | rgb(111, 102, 93) |
| HSL | hsl(30, 9%, 40%) |
| HSV | 30°, 16%, 44% |
| CMYK | 0%, 8%, 16%, 56% |
| Decimal | 7300701 |
Shades and tints of Warm Gray 40
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E7E6E4 - 100
#CFCCC9 - 200
#B7B3AE - 300
#9F9993 - 400
#878078 - 500
#6F665D - 600
#5D554E - 700
#4A443E - 800
#38332F - 900
#25221F - 950
#131110
Color harmonies for Warm Gray 40
- Complementary
#5D666F≈ Cool Gray 40 - Analogous −30°
#6F5D5D≈ Warm Gray 40 - Analogous +30°
#6F6F5D≈ Warm Gray 40 - Triadic +120°
#5D6F66≈ Dim Gray - Triadic +240°
#665D6F≈ Cool Gray 40 - Split 150°
#5D6F6F≈ Cool Gray 40 - Split 210°
#5D5D6F≈ Cool Gray 40
Contrast and accessibility of Warm Gray 40
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Warm Gray 40 | Aa | 5.62:1 | AA (good) |
| Black text on Warm Gray 40 | Aa | 3.73:1 | AA Large only |
CSS code for Warm Gray 40
background-color: #6F665D;color: #6F665D;background-color: rgb(111, 102, 93);background-color: hsl(30, 9%, 40%);:root { --color-warm-gray-40: #6F665D; }class="bg-[#6F665D]"Colors similar to Warm Gray 40
- Neutral Gray 40
#666666 - Dim Gray
#696969 - Medium Dark Dusty Persimmon
#816756 - Medium Dark Dusty Cinnabar
#816356 - Medium Dark Dusty Orange
#816B56 - Medium Dark Dusty Vermilion
#815E56 - Medium Dark Dusty Tangerine
#816F56 - Warm Gray 45
#7D7368 - Medium Dark Dusty Scarlet
#815A56 - Warm Gray 35
#615951 - Deep Dusty Gold
#686545 - Deep Dusty Yellow
#686845
More gray shades
- Neutral Gray 95
#F2F2F2 - Warm Gray 15
#2A2623 - Warm Gray 20
#38332E - Warm Gray 25
#45403A - Warm Gray 30
#534C46 - Warm Gray 35
#615951 - Warm Gray 45
#7D7368 - Warm Gray 50
#8B8074 - Warm Gray 55
#978C82 - Warm Gray 60
#A29990 - Warm Gray 65
#AEA69E
Frequently asked questions
What is the HEX code for Warm Gray 40?
The HEX code for Warm Gray 40 is #6F665D.
What is the RGB value of Warm Gray 40?
Warm Gray 40 has an RGB value of 111, 102, 93 (rgb(111, 102, 93)). In HSL it is 30°, 9%, 40%.
What text color should I use on Warm Gray 40?
Use white text on Warm Gray 40. White text has a contrast ratio of 5.62:1 and black text has 3.73:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Warm Gray 40?
The complementary color of Warm Gray 40 is #5D666F. Analogous colors #6F5D5D and #6F6F5D also pair well.