CSS named color
WhiteSmoke
#F5F5F5
HEX
#f5f5f5RGB
rgb(245, 245, 245)HSL
hsl(0, 0%, 96%)OKLCH
oklch(97.02% 0.0000 89.88)NAME
whitesmokePalette
Complementary
180° on the color wheelAnalogous
±30° around the base hueTriadic
±120° for harmonic contrastShades
Lighter and darker variantsCSS usage
By name
color: whitesmoke;
background-color: whitesmoke;By HEX
color: #f5f5f5;
background-color: #f5f5f5;By RGB
color: rgb(245, 245, 245);
background-color: rgb(245, 245, 245);By HSL
color: hsl(0, 0%, 96%);
background-color: hsl(0, 0%, 96%);WCAG contrast vs white
Aa
1.09:1
Below minimum
WCAG contrast vs black
Aa
19.26:1
AAA
Related colors
FAQ — WhiteSmoke
What is the HEX code for WhiteSmoke?
The HEX code for WhiteSmoke is #F5F5F5. It's one of the 148 named CSS colors and can be used directly in CSS as color: whitesmoke; or color: #f5f5f5;
What is WhiteSmoke in RGB?
WhiteSmoke in RGB is rgb(245, 245, 245) — red 245, green 245, blue 245.
What is WhiteSmoke in HSL?
WhiteSmoke in HSL is hsl(0, 0%, 96%) — hue 0°, saturation 0%, lightness 96%.
What is the complementary color of WhiteSmoke?
The complementary color (directly opposite WhiteSmoke on the color wheel) is #F5F5F5. The two together produce maximum contrast.
Is white text readable on WhiteSmoke?
The WCAG contrast ratio against white (#FFFFFF) is 1.09:1, and against black (#000000) it's 19.26:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.