White Smoke is a very light, neutral shade in the white color family, with a neutral feel. Its HEX code is #F5F5F5, which equals rgb(245, 245, 245) in RGB and hsl(0, 0%, 96%) in HSL. In print terms it converts to roughly C0 M0 Y0 K4, although exact CMYK results depend on the paper and color profile.
- HEX
#F5F5F5 - RGB
245, 245, 245 - HSL
0°, 0%, 96% - CMYK
0, 0, 0, 4 - Family
White - Tone
Very light, neutral
About White Smoke
White and off-white shades keep layouts clean and open. Slightly tinted whites such as ivory, snow and ghost white add warmth or coolness without losing brightness. 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 19.26:1. Its complementary color is #F5F5F5.
Download White Smoke 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…
White Smoke color codes
| HEX | #F5F5F5 |
|---|---|
| RGB | rgb(245, 245, 245) |
| HSL | hsl(0, 0%, 96%) |
| HSV | 0°, 0%, 96% |
| CMYK | 0%, 0%, 0%, 4% |
| Decimal | 16119285 |
Shades and tints of White Smoke
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FDFDFD - 100
#FCFCFC - 200
#FAFAFA - 300
#F8F8F8 - 400
#F7F7F7 - 500
#F5F5F5 - 600
#CCCCCC - 700
#A3A3A3 - 800
#7B7B7B - 900
#525252 - 950
#292929
Color harmonies for White Smoke
- Complementary
#F5F5F5≈ Warm Gray 95 - Analogous −30°
#F5F5F5≈ Warm Gray 95 - Analogous +30°
#F5F5F5≈ Warm Gray 95 - Triadic +120°
#F5F5F5≈ Warm Gray 95 - Triadic +240°
#F5F5F5≈ Warm Gray 95 - Split 150°
#F5F5F5≈ Warm Gray 95 - Split 210°
#F5F5F5≈ Warm Gray 95
Contrast and accessibility of White Smoke
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on White Smoke | Aa | 1.09:1 | Fails |
| Black text on White Smoke | Aa | 19.26:1 | AAA (excellent) |
CSS code for White Smoke
background-color: #F5F5F5;color: #F5F5F5;background-color: rgb(245, 245, 245);background-color: hsl(0, 0%, 96%);:root { --color-white-smoke: #F5F5F5; }class="bg-[#F5F5F5]"Colors similar to White Smoke
- Warm Gray 95
#F3F2F1 - Neutral Gray 95
#F2F2F2 - Cool Gray 95
#F1F2F3 - Ghost White
#F8F8FF - Alice Blue
#F0F8FF - Seashell
#FFF5EE - Lavender Blush
#FFF0F5 - Snow
#FFFAFA - Floral White
#FFFAF0 - Mint Cream
#F5FFFA - Honeydew
#F0FFF0 - Linen
#FAF0E6
More white shades
- White
#FFFFFF - Snow
#FFFAFA - Ivory
#FFFFF0 - Ghost White
#F8F8FF - Alice Blue
#F0F8FF - Azure
#F0FFFF - Floral White
#FFFAF0 - Honeydew
#F0FFF0 - Lavender Blush
#FFF0F5 - Seashell
#FFF5EE
Frequently asked questions
What is the HEX code for White Smoke?
The HEX code for White Smoke is #F5F5F5.
What is the RGB value of White Smoke?
White Smoke has an RGB value of 245, 245, 245 (rgb(245, 245, 245)). In HSL it is 0°, 0%, 96%.
What text color should I use on White Smoke?
Use black text on White Smoke. White text has a contrast ratio of 1.09:1 and black text has 19.26:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with White Smoke?
The complementary color of White Smoke is #F5F5F5. Analogous colors #F5F5F5 and #F5F5F5 also pair well.