White Smoke hex code
The hex code for white smoke is #F5F5F5. In RGB that is rgb(245, 245, 245) and in HSL it is hsl(0, 0%, 96%).
The hex code for white smoke is #F5F5F5. In RGB that is rgb(245, 245, 245) and in HSL it is hsl(0, 0%, 96%).
White Smoke · #F5F5F5
Colour codes
- HEX
- #F5F5F5
- RGB
- rgb(245, 245, 245)
- HSL
- hsl(0, 0%, 96%)
- CMYK
- 0, 0, 0, 4
- CSS name
- whitesmoke
- Contrast on white
- 1.09:1
- Contrast on black
- 19.26:1
Tints and shades
20% lighter · #f7f7f7
40% lighter · #f9f9f9
60% lighter · #fbfbfb
80% lighter · #fdfdfd
20% darker · #c4c4c4
40% darker · #939393
60% darker · #626262
80% darker · #313131
Complementary colour
White Smoke · #F5F5F5
Opposite on the colour wheel · #f5f5f5
Frequently asked questions
What is the hex code for white smoke?
The hex code for white smoke is #F5F5F5. In RGB that is rgb(245, 245, 245) and in HSL it is hsl(0, 0%, 96%).
Can I use white smoke for text?
It has a contrast ratio of 1.09:1 on white and 19.26:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with white smoke?
Its complementary colour, opposite on the colour wheel, is #F5F5F5. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of white smoke instead.
Is white smoke a CSS colour name?
Yes. CSS accepts the keyword whitesmoke, so color: whitesmoke and color: #F5F5F5 render exactly the same.