Warm Gray 20 is a dark, muted shade in the gray color family, with a warm feel. Its HEX code is #38332E, which equals rgb(56, 51, 46) in RGB and hsl(30, 10%, 20%) in HSL. In print terms it converts to roughly C0 M9 Y18 K78, although exact CMYK results depend on the paper and color profile.
- HEX
#38332E - RGB
56, 51, 46 - HSL
30°, 10%, 20% - CMYK
0, 9, 18, 78 - Family
Gray - Tone
Dark, muted
About Warm Gray 20
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 12.49:1. Its complementary color is #2E3338.
Download Warm Gray 20 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 20 color codes
| HEX | #38332E |
|---|---|
| RGB | rgb(56, 51, 46) |
| HSL | hsl(30, 10%, 20%) |
| HSV | 30°, 18%, 22% |
| CMYK | 0%, 9%, 18%, 78% |
| Decimal | 3683118 |
Shades and tints of Warm Gray 20
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DEDDDC - 100
#BDBBB9 - 200
#9C9997 - 300
#7A7774 - 400
#595551 - 500
#38332E - 600
#2F2B26 - 700
#25221F - 800
#1C1A17 - 900
#13110F - 950
#090908
Color harmonies for Warm Gray 20
- Complementary
#2E3338≈ Cool Gray 20 - Analogous −30°
#382E2E≈ Warm Gray 20 - Analogous +30°
#38382E≈ Warm Gray 20 - Triadic +120°
#2E3833≈ Neutral Gray 20 - Triadic +240°
#332E38≈ Cool Gray 20 - Split 150°
#2E3838≈ Onyx - Split 210°
#2E2E38≈ Cool Gray 20
Contrast and accessibility of Warm Gray 20
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Warm Gray 20 | Aa | 12.49:1 | AAA (excellent) |
| Black text on Warm Gray 20 | Aa | 1.68:1 | Fails |
CSS code for Warm Gray 20
background-color: #38332E;color: #38332E;background-color: rgb(56, 51, 46);background-color: hsl(30, 10%, 20%);:root { --color-warm-gray-20: #38332E; }class="bg-[#38332E]"Colors similar to Warm Gray 20
- Neutral Gray 20
#333333 - Very Dark Dusty Marigold
#373325 - Very Dark Dusty Amber
#373225 - Very Dark Dusty Gold
#373525 - Very Dark Dusty Tangerine
#373025 - Very Dark Dusty Yellow
#373725 - Very Dark Dusty Citron
#353725 - Very Dark Dusty Orange
#372E25 - Very Dark Dusty Lime
#333725 - Very Dark Dusty Chartreuse
#323725 - Graphite
#383838 - Very Dark Dusty Persimmon
#372C25
More gray shades
- Neutral Gray 75
#BFBFBF - Neutral Gray 80
#CCCCCC - Neutral Gray 85
#D9D9D9 - Neutral Gray 90
#E6E6E6 - Neutral Gray 95
#F2F2F2 - Warm Gray 15
#2A2623 - Warm Gray 25
#45403A - Warm Gray 30
#534C46 - Warm Gray 35
#615951 - Warm Gray 40
#6F665D - Warm Gray 45
#7D7368
Frequently asked questions
What is the HEX code for Warm Gray 20?
The HEX code for Warm Gray 20 is #38332E.
What is the RGB value of Warm Gray 20?
Warm Gray 20 has an RGB value of 56, 51, 46 (rgb(56, 51, 46)). In HSL it is 30°, 10%, 20%.
What text color should I use on Warm Gray 20?
Use white text on Warm Gray 20. White text has a contrast ratio of 12.49:1 and black text has 1.68:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Warm Gray 20?
The complementary color of Warm Gray 20 is #2E3338. Analogous colors #382E2E and #38382E also pair well.