Warm Gray 95 is a very light, neutral shade in the gray color family, with a neutral feel. Its HEX code is #F3F2F1, which equals rgb(243, 242, 241) in RGB and hsl(30, 8%, 95%) in HSL. In print terms it converts to roughly C0 M0 Y1 K5, although exact CMYK results depend on the paper and color profile.
- HEX
#F3F2F1 - RGB
243, 242, 241 - HSL
30°, 8%, 95% - CMYK
0, 0, 1, 5 - Family
Gray - Tone
Very light, neutral
About Warm Gray 95
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 black is the most readable choice on this color, with a contrast ratio of 18.78:1. Its complementary color is #F1F2F3.
Download Warm Gray 95 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 95 color codes
| HEX | #F3F2F1 |
|---|---|
| RGB | rgb(243, 242, 241) |
| HSL | hsl(30, 8%, 95%) |
| HSV | 30°, 1%, 95% |
| CMYK | 0%, 0%, 1%, 5% |
| Decimal | 15987441 |
Shades and tints of Warm Gray 95
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FDFDFD - 100
#FBFBFA - 200
#F9F9F8 - 300
#F7F6F6 - 400
#F5F4F3 - 500
#F3F2F1 - 600
#CBCAC9 - 700
#A2A1A1 - 800
#7A7979 - 900
#515150 - 950
#292828
Color harmonies for Warm Gray 95
- Complementary
#F1F2F3≈ Neutral Gray 95 - Analogous −30°
#F3F1F1≈ Warm Gray 95 - Analogous +30°
#F3F3F1≈ Warm Gray 95 - Triadic +120°
#F1F3F2≈ Cool Gray 95 - Triadic +240°
#F2F1F3≈ Neutral Gray 95 - Split 150°
#F1F3F3≈ Cool Gray 95 - Split 210°
#F1F1F3≈ Cool Gray 95
Contrast and accessibility of Warm Gray 95
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Warm Gray 95 | Aa | 1.12:1 | Fails |
| Black text on Warm Gray 95 | Aa | 18.78:1 | AAA (excellent) |
CSS code for Warm Gray 95
background-color: #F3F2F1;color: #F3F2F1;background-color: rgb(243, 242, 241);background-color: hsl(30, 8%, 95%);:root { --color-warm-gray-95: #F3F2F1; }class="bg-[#F3F2F1]"Colors similar to Warm Gray 95
- Neutral Gray 95
#F2F2F2 - Cool Gray 95
#F1F2F3 - White Smoke
#F5F5F5 - Linen
#FAF0E6 - Lavender Blush
#FFF0F5 - Seashell
#FFF5EE - Alice Blue
#F0F8FF - Old Lace
#FDF5E6 - Ghost White
#F8F8FF - Floral White
#FFFAF0 - Honeydew
#F0FFF0 - Snow
#FFFAFA
More gray shades
- Warm Gray 65
#AEA69E - Warm Gray 70
#B9B2AC - Warm Gray 75
#C5BFBA - Warm Gray 80
#D1CCC7 - Warm Gray 85
#DCD9D5 - Warm Gray 90
#E8E6E3 - Cool Gray 15
#23262A - Cool Gray 20
#2E3238 - Cool Gray 25
#3A3F45 - Cool Gray 30
#464B53 - Cool Gray 35
#515861
Frequently asked questions
What is the HEX code for Warm Gray 95?
The HEX code for Warm Gray 95 is #F3F2F1.
What is the RGB value of Warm Gray 95?
Warm Gray 95 has an RGB value of 243, 242, 241 (rgb(243, 242, 241)). In HSL it is 30°, 8%, 95%.
What text color should I use on Warm Gray 95?
Use black text on Warm Gray 95. White text has a contrast ratio of 1.12:1 and black text has 18.78:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Warm Gray 95?
The complementary color of Warm Gray 95 is #F1F2F3. Analogous colors #F3F1F1 and #F3F3F1 also pair well.