Cool Gray 20 is a dark, muted shade in the gray color family, with a cool feel. Its HEX code is #2E3238, which equals rgb(46, 50, 56) in RGB and hsl(216, 10%, 20%) in HSL. In print terms it converts to roughly C18 M11 Y0 K78, although exact CMYK results depend on the paper and color profile.
- HEX
#2E3238 - RGB
46, 50, 56 - HSL
216°, 10%, 20% - CMYK
18, 11, 0, 78 - Family
Gray - Tone
Dark, muted
About Cool Gray 20
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 white is the most readable choice on this color, with a contrast ratio of 12.89:1. Its complementary color is #38342E.
Download Cool 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…
Cool Gray 20 color codes
| HEX | #2E3238 |
|---|---|
| RGB | rgb(46, 50, 56) |
| HSL | hsl(216, 10%, 20%) |
| HSV | 216°, 18%, 22% |
| CMYK | 18%, 11%, 0%, 78% |
| Decimal | 3027512 |
Shades and tints of Cool Gray 20
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DCDDDE - 100
#B9BBBD - 200
#97999C - 300
#74767A - 400
#515459 - 500
#2E3238 - 600
#262A2F - 700
#1F2125 - 800
#17191C - 900
#0F1113 - 950
#080809
Color harmonies for Cool Gray 20
- Complementary
#38342E≈ Warm Gray 20 - Analogous −30°
#2E3738≈ Cool Gray 20 - Analogous +30°
#2F2E38≈ Cool Gray 20 - Triadic +120°
#382E32≈ Warm Gray 20 - Triadic +240°
#32382E≈ Neutral Gray 20 - Split 150°
#382F2E≈ Warm Gray 20 - Split 210°
#37382E≈ Warm Gray 20
Contrast and accessibility of Cool Gray 20
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cool Gray 20 | Aa | 12.89:1 | AAA (excellent) |
| Black text on Cool Gray 20 | Aa | 1.63:1 | Fails |
CSS code for Cool Gray 20
background-color: #2E3238;color: #2E3238;background-color: rgb(46, 50, 56);background-color: hsl(216, 10%, 20%);:root { --color-cool-gray-20: #2E3238; }class="bg-[#2E3238]"Colors similar to Cool Gray 20
- Neutral Gray 20
#333333 - Very Dark Dusty Capri
#253237 - Very Dark Dusty Peacock
#253337 - Very Dark Dusty Azure
#253037 - Very Dark Dusty Lagoon
#253537 - Very Dark Dusty Cerulean
#252E37 - Onyx
#353839 - Very Dark Dusty Cyan
#253737 - Very Dark Dusty Teal
#253735 - Very Dark Dusty Cornflower
#252C37 - Very Dark Dusty Turquoise
#253733 - Graphite
#383838
More gray shades
- Warm Gray 75
#C5BFBA - Warm Gray 80
#D1CCC7 - Warm Gray 85
#DCD9D5 - Warm Gray 90
#E8E6E3 - Warm Gray 95
#F3F2F1 - Cool Gray 15
#23262A - Cool Gray 25
#3A3F45 - Cool Gray 30
#464B53 - Cool Gray 35
#515861 - Cool Gray 40
#5D646F - Cool Gray 45
#68717D
Frequently asked questions
What is the HEX code for Cool Gray 20?
The HEX code for Cool Gray 20 is #2E3238.
What is the RGB value of Cool Gray 20?
Cool Gray 20 has an RGB value of 46, 50, 56 (rgb(46, 50, 56)). In HSL it is 216°, 10%, 20%.
What text color should I use on Cool Gray 20?
Use white text on Cool Gray 20. White text has a contrast ratio of 12.89:1 and black text has 1.63:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cool Gray 20?
The complementary color of Cool Gray 20 is #38342E. Analogous colors #2E3738 and #2F2E38 also pair well.