#f5f5f5 rgb(245, 245, 245) 0°, 0%, 96% Use WhiteSmoke in Your Projects
About WhiteSmoke Color
WhiteSmoke is a very light gray-white that provides a soft, neutral backdrop. It is one of the most common background colors in modern web design.
Use Cases for WhiteSmoke
Shades & Tints of WhiteSmoke
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.whitesmoke-color {
color: #f5f5f5;
background-color: #f5f5f5;
}
/* As a CSS custom property */
:root {
--color-whitesmoke: #f5f5f5;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
Frequently Asked Questions
What color is WhiteSmoke?
WhiteSmoke is represented by the hex code #f5f5f5 and has RGB values of rgb(245, 245, 245). It falls under the White category.
How to use WhiteSmoke in web design?
WhiteSmoke works well for modern backgrounds, card backdrops, code editors. WhiteSmoke is a very light gray-white that provides a soft, neutral backdrop. It is one of the most common background colors in modern web design. Use it as a primary color, accent, or background depending on your design needs.
What colors go with WhiteSmoke?
Colors that pair well with WhiteSmoke include gainsboro, snow, ghostwhite, lightgray, aliceblue. For a complementary scheme, try #f5f5f5. For an analogous scheme, use #f5f5f5 and #f5f5f5. For a triadic scheme, combine with #f5f5f5 and #f5f5f5.