White Smoke color values
| Format | Value |
|---|---|
| Hex | #F5F5F5 |
| RGB | rgb(245, 245, 245) |
| HSL | hsl(0, 0%, 96%) |
| HSV | 0, 0%, 96% |
| CMYK (simple conversion) | 0%, 0%, 0%, 4% |
| Decimal | 16119285 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About White Smoke
White smoke is a very pale gray that sits just slightly darker than pure white. Interface designers often choose it as a background to reduce eye strain while keeping a clean, minimal look. It provides subtle contrast against pure white cards or containers without introducing a strong hue. It is one of the 148 CSS named colors.
Shades and tints of White Smoke
Tints mix White Smoke with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #F6F6F6 | #DDDDDD |
| 20% | #F7F7F7 | #C4C4C4 |
| 30% | #F8F8F8 | #ACACAC |
| 40% | #F9F9F9 | #939393 |
| 50% | #FAFAFA | #7B7B7B |
Color harmony for White Smoke
These colors keep the same saturation and lightness as White Smoke and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #F5F5F5 |
| Analogous | #F5F5F5 #F5F5F5 |
| Triadic | #F5F5F5 #F5F5F5 |
| Split complementary | #F5F5F5 #F5F5F5 |
Contrast and accessibility
Contrast between #F5F5F5 and white is 1.09:1 (fails). Against black it is 19.26:1 (passes AAA). For text on a White Smoke background, black text is the more readable choice.
Use White Smoke in CSS
.element {
color: whitesmoke;
background-color: #F5F5F5;
border-color: rgb(245 245 245);
outline-color: hsl(0 0% 96%);
}All four lines produce exactly the same color. The keyword whitesmoke is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- ghostwhite: #F8F8FF
- lavenderblush: #FFF0F5
- mintcream: #F5FFFA
- Alice Blue: #F0F8FF
FAQ
What is the hex code for White Smoke?
The hex code for White Smoke is #F5F5F5. As a CSS color keyword you can also write whitesmoke.
What is White Smoke in RGB?
White Smoke is rgb(245, 245, 245): red 245, green 245, blue 245 on the 0 to 255 scale.
What color is closest to White Smoke?
Of the CSS named colors, ghostwhite (#F8F8FF) is the closest match to White Smoke, followed by lavenderblush and mintcream.
More colors
- White: previous page
- Yellow Green: next page
- CSS named colors: the full list