Warm Gray 80 is a light, muted shade in the gray color family, with a warm feel. Its HEX code is #D1CCC7, which equals rgb(209, 204, 199) in RGB and hsl(30, 10%, 80%) in HSL. In print terms it converts to roughly C0 M2 Y5 K18, although exact CMYK results depend on the paper and color profile.
- HEX
#D1CCC7 - RGB
209, 204, 199 - HSL
30°, 10%, 80% - CMYK
0, 2, 5, 18 - Family
Gray - Tone
Light, muted
About Warm Gray 80
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 13.17:1. Its complementary color is #C7CCD1.
Download Warm Gray 80 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 80 color codes
| HEX | #D1CCC7 |
|---|---|
| RGB | rgb(209, 204, 199) |
| HSL | hsl(30, 10%, 80%) |
| HSV | 30°, 5%, 82% |
| CMYK | 0%, 2%, 5%, 18% |
| Decimal | 13749447 |
Shades and tints of Warm Gray 80
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7F7F6 - 100
#F0EEEC - 200
#E8E6E3 - 300
#E0DDDA - 400
#D9D5D0 - 500
#D1CCC7 - 600
#AEAAA6 - 700
#8B8885 - 800
#696664 - 900
#464442 - 950
#232221
Color harmonies for Warm Gray 80
- Complementary
#C7CCD1≈ Cool Gray 80 - Analogous −30°
#D1C7C7≈ Warm Gray 80 - Analogous +30°
#D1D1C7≈ Warm Gray 80 - Triadic +120°
#C7D1CC≈ Neutral Gray 80 - Triadic +240°
#CCC7D1≈ Cool Gray 80 - Split 150°
#C7D1D1≈ Cool Gray 80 - Split 210°
#C7C7D1≈ Cool Gray 80
Contrast and accessibility of Warm Gray 80
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Warm Gray 80 | Aa | 1.59:1 | Fails |
| Black text on Warm Gray 80 | Aa | 13.17:1 | AAA (excellent) |
CSS code for Warm Gray 80
background-color: #D1CCC7;color: #D1CCC7;background-color: rgb(209, 204, 199);background-color: hsl(30, 10%, 80%);:root { --color-warm-gray-80: #D1CCC7; }class="bg-[#D1CCC7]"Colors similar to Warm Gray 80
- Neutral Gray 80
#CCCCCC - Very Pale Dusty Vermilion
#DACCC8 - Very Pale Dusty Cinnabar
#DACDC8 - Very Pale Dusty Scarlet
#DACAC8 - Very Pale Dusty Persimmon
#DACFC8 - Very Pale Dusty Red
#DAC8C8 - Very Pale Dusty Cardinal
#DAC8CA - Very Pale Dusty Orange
#DAD1C8 - Very Pale Dusty Crimson
#DAC8CC - Very Pale Dusty Ruby
#DAC8CD - Very Pale Dusty Tangerine
#DAD3C8 - Very Pale Dusty Carmine
#DAC8CF
More gray shades
- Warm Gray 50
#8B8074 - Warm Gray 55
#978C82 - Warm Gray 60
#A29990 - Warm Gray 65
#AEA69E - Warm Gray 70
#B9B2AC - Warm Gray 75
#C5BFBA - Warm Gray 85
#DCD9D5 - Warm Gray 90
#E8E6E3 - Warm Gray 95
#F3F2F1 - Cool Gray 15
#23262A - Cool Gray 20
#2E3238
Frequently asked questions
What is the HEX code for Warm Gray 80?
The HEX code for Warm Gray 80 is #D1CCC7.
What is the RGB value of Warm Gray 80?
Warm Gray 80 has an RGB value of 209, 204, 199 (rgb(209, 204, 199)). In HSL it is 30°, 10%, 80%.
What text color should I use on Warm Gray 80?
Use black text on Warm Gray 80. White text has a contrast ratio of 1.59:1 and black text has 13.17:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Warm Gray 80?
The complementary color of Warm Gray 80 is #C7CCD1. Analogous colors #D1C7C7 and #D1D1C7 also pair well.