White Smoke #F5F5F5

White Smoke#F5F5F5 · rgb(245, 245, 245)

White Smoke color codes

CSS namewhitesmoke
HEX#F5F5F5
RGBrgb(245, 245, 245)
HSLhsl(0, 0%, 96%)
CMYKcmyk(0%, 0%, 0%, 4%)
Decimal16119285

Shades of White Smoke (darker)

#DDDDDD · #C4C4C4 · #ACACAC · #939393 · #7B7B7B · #626262 · #4A4A4A · #313131 · #191919

Tints of White Smoke (lighter)

#F6F6F6 · #F7F7F7 · #F8F8F8 · #F9F9F9 · #FAFAFA · #FBFBFB · #FCFCFC · #FDFDFD · #FEFEFE

Color harmonies

Complementary
#F5F5F5
Triadic
#F5F5F5, #F5F5F5
Analogous
#F5F5F5, #F5F5F5

Accessibility (WCAG contrast)

White text on White Smoke1.09:1 · Fail
Black text on White Smoke19.26:1 · AAA

Use White Smoke in code

.element {
  color: whitesmoke;          /* or #f5f5f5 */
  background-color: rgb(245 245 245 / 0.5);
}

Frequently asked questions

What is the hex code for White Smoke?

White Smoke is #F5F5F5 in HEX, rgb(245, 245, 245) in RGB and hsl(0, 0%, 96%) in HSL.

Can I use "whitesmoke" directly in CSS?

Yes. "whitesmoke" is one of the 148 standard CSS named colors, so color: whitesmoke; works in every browser.

Is White Smoke readable on white?

The contrast ratio of White Smoke on white is 1.09:1 (WCAG Fail). On black it is 19.26:1 (AAA).

What is the complementary color of White Smoke?

The complementary color (opposite on the color wheel) is #F5F5F5.

Similar colors

Ghost White#F8F8FFLavender Blush#FFF0F5Mint Cream#F5FFFAAlice Blue#F0F8FFSea Shell#FFF5EEFloral White#FFFAF0Honey Dew#F0FFF0Snow#FFFAFA

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.