What is the meaning of the White Smoke color?
White Smoke is a very light off-white color with gray undertones. It represents clean steam and modern simplicity, widely used as a subtle background shade in modern app layouts.
How to use the White Smoke color hex code in HTML & CSS?
Developers can invoke White Smoke color codes in stylesheets using color: #F5F5F5;. For modern CSS frameworks, set it as a variable --color-white smoke: #F5F5F5;, or implement it in Tailwind using bg-[#F5F5F5].
What are the RGB and HSL codes of White Smoke?
The RGB breakdown for White Smoke is rgb(245, 245, 245). In HSL space, it translates to 0° hue, 0% saturation, and 96% lightness, rendering a highly muted, near-gray tone.
CMYK print profiles for White Smoke color
For print design projects using CMYK ink models, White Smoke corresponds to Cyan: 0%, Magenta: 0%, Yellow: 0%, and Black: 4%. Given its red-channel dominance, this color is a powerful visual stimulator often deployed in banners, call-to-actions, and warning components.
White Smoke Color Space Conversions
Click to copy formatContrast & Accessibility (WCAG 2.1) Check
White text readability test with #F5F5F5
Small body copy preview
Black text readability test with #F5F5F5
Small body copy preview
Complementary & Analogous Harmonies
Computed dynamicallyShades & Tints Generator Matrix
Copy shade hex values instantlyDarker Shades (Adding Black)
Lighter Tints (Adding White)
CSS Custom Properties (Variables)
--color-hex: #F5F5F5;
--color-rgb: rgb(245, 245, 245);
--color-hsl: hsl(0deg, 0%, 96%);
--color-name: whitesmoke;
Known Color Aliases
White Smoke Color Meaning
As a notable shade in the gray spectrum, White Smoke embodies the core psychological traits of the gray color family. The gray spectrum is the great equalizer of the color spectrum — neutral, impartial, and sophisticated. It carries connotations of maturity, reliability, and professional restraint. In design, gray provides visual breathing room, allowing accent colors to take center stage while creating an overall sense of sophistication. Dark charcoals communicate premium quality and authority, while light grays feel airy and modern. Technology companies favor gray for its associations with precision and innovation. Gray is psychologically calming precisely because it lacks the stimulation of chromatic colors. However, when overused without contrast, gray can feel cold, lifeless, and depressing — balance is essential to harness its sophistication.
Emotions & Associations
Industries