CSS Color: WhiteSmoke
Named CSS color WhiteSmoke — #F5F5F5 in HEX, rgb(245, 245, 245) in RGB, hsl(0, 0%, 96%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | WhiteSmoke | color: WhiteSmoke; |
| HEX | #F5F5F5 | color: #F5F5F5; |
| RGB | rgb(245, 245, 245) | color: rgb(245, 245, 245); |
| HSL | hsl(0, 0%, 96%) | color: hsl(0, 0%, 96%); |
About WhiteSmoke
WhiteSmoke is a pure neutral off-white with absolutely no color tint. At hex `#F5F5F5`, all three RGB channels are equal at 245 with zero saturation and 96% lightness. It is one of the most useful near-white colors in web design.
In web design, WhiteSmoke is extremely popular as an alternate background color. It provides visible contrast against pure white (about 1.1:1) for distinguishing sections, cards, and panels without introducing any color. It is the standard "light gray background" used by countless design systems.
For accessibility, WhiteSmoke provides virtually the same contrast as white for dark text. It is a safe, reliable background choice for all content types.
WhiteSmoke is the neutral counterpart to warm off-whites like Linen and Ivory. It pairs with everything and is especially useful in clean, modern design systems. In Tailwind CSS, `gray-100` or `zinc-50` are very close matches for this essential neutral.
FAQ
What is the hex code for WhiteSmoke?
The CSS named color WhiteSmoke has the hex code #F5F5F5. You can use it in CSS as color: #F5F5F5; or simply color: WhiteSmoke;.
What is WhiteSmoke in RGB?
In RGB notation, WhiteSmoke is rgb(245, 245, 245). Use it in CSS as color: rgb(245, 245, 245);.
What is WhiteSmoke in HSL?
In HSL notation, WhiteSmoke is hsl(0, 0%, 96%). Use it in CSS as color: hsl(0, 0%, 96%);.
What color category is WhiteSmoke?
WhiteSmoke belongs to the White/Black color family in the CSS named colors specification.
Can I use the name "WhiteSmoke" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: WhiteSmoke; or background-color: WhiteSmoke; directly in your stylesheet. Named colors are case-insensitive.
Try in Color Converter
Convert WhiteSmoke to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →