#F5F5F5
White Smoke
White Smoke is #F5F5F5. In CSS you can write it as the keyword whitesmoke. The values below are the same sRGB color in HEX, RGB, HSL, HSV, a simple CMYK conversion, and OKLCH. CMYK here is a channel formula for reference, not a press proof.
Conversions
- HEX
- #F5F5F5
- RGB
- rgb(245, 245, 245)
- HSL
- hsl(0,0%,96%)
- HSV
- hsv(0, 0%, 96%)
- CMYK
- cmyk(0,0,0,4)
- OKLCH
- oklch(97.0% 0.000 0.0)
Tints and shades
Tints mix this color toward white. Shades mix it toward black in sRGB. For a 50–950 ramp, open the tint and shade generator.
Tints
#F7F7F7
20% white
#F9F9F9
40% white
#FBFBFB
60% white
#FDFDFD
80% white
Shades
#C4C4C4
20% black
#939393
40% black
#626262
60% black
#313131
80% black
Harmony palettes
These schemes rotate hue from White Smoke. Read the relationships in color theory 101 or adjust them on the color wheel.
Complementary
Open in palette generatorAnalogous
Open in palette generatorTriadic
Open in palette generatorSplit Complementary
Open in palette generatorMonochromatic
Open in palette generatorTetradic
Open in palette generatorContrast against white and black
Ratios use the WCAG relative-luminance formula. AA normal text needs 4.5:1 and large text needs 3:1 under Success Criterion 1.4.3. AAA uses 7:1 and 4.5:1. A pass here is only this pair, not a full page audit. Check other pairings in the contrast checker.
Similar named colors
Nearest CSS named colors by RGB distance. Distance is not a perceptual match.
- Ghost White#F8F8FF
- Lavender Blush#FFF0F5
- Mint Cream#F5FFFA
- Alice Blue#F0F8FF
- Seashell#FFF5EE
- Floral White#FFFAF0