ColorConvert.netColor Convert

Color: White Smoke

Complete color information and conversion tools for White Smoke

Category: white
Color Source: web
Luminance: 91.3%
Color Formats

Convert White Smoke to all major color formats. Click any value to copy to clipboard.

HEX
#F5F5F5
RGB
245, 245, 245
HSL
0, 0, 96
HSV
0, 0, 96
CMYK
0, 0, 0, 4
LAB
97, 0, 0
Accessibility & Contrast

Test White Smoke for accessibility compliance and color contrast ratios.

Basic Contrast Ratios

White Smoke on White
1.09:1
White Smoke on Black
19.26:1

WCAG 2.1 Compliance

AA Standard (Normal Text)

Required ratio: 4.5:1

PASS
AA Standard (Large Text)

Required ratio: 3:1

PASS
AAA Standard (Normal Text)

Required ratio: 7:1

PASS
AAA Standard (Large Text)

Required ratio: 4.5:1

PASS

Usage Recommendations

✓ Excellent for accessibility

This color meets AAA standards and is suitable for all text sizes and UI elements.

Recommended text color: Use #000000 text for optimal readability on White Smoke backgrounds.

Similar Colors

Colors similar to White Smoke based on hue and saturation.

Color Tools

Professional tools to work with White Smoke and create color schemes.

About White Smoke Color

The White Smoke color (#F5F5F5) is a white color that belongs to the web-safe color palette. This comprehensive guide covers everything you need to know about White Smoke, including its technical specifications, psychological impact, design applications, and practical usage examples.

White Smoke has the hexadecimal code #F5F5F5 and RGB values of 245, 245, 245. In the HSL color space, it has a hue of 0°, saturation of 0%, and lightness of 96%. This color is widely supported across all browsers and design applications.

Color Psychology & Meaning

Discover the psychological impact and cultural significance of White Smoke.

Associated Emotions

Purity, simplicity, peace, freshness, infinity

Symbolism & Meaning

Cleanliness, minimalism, peace, new beginnings, perfection

Marketing & Branding

Healthcare, luxury goods, minimal design, cleaning products

Design Applications

Learn how to effectively use White Smoke in various design contexts.

Web Design

  • Headers
  • Links
  • Corporate themes
  • Trust indicators
  • Professional layouts

Interior Design

  • Bedrooms
  • Bathrooms
  • Office spaces
  • Coastal themes

Graphic Design

  • Corporate branding
  • Healthcare materials
  • Technology themes
  • Professional presentations

Fashion & Clothing

  • Business attire
  • Denim
  • Formal wear
  • Casual shirts
Technical Specifications

Complete technical details and color space information for White Smoke.

Color Temperature

Warm

Dominant Wavelength

620-750nm

Color Purity

0%

Brightness Index

245/255
Usage Examples

Real-world examples and code snippets showing how to use White Smoke.

CSS Examples

background-color: #F5F5F5;
color: #F5F5F5;
border: 2px solid #F5F5F5;
box-shadow: 0 4px 8px #F5F5F533;
background: linear-gradient(45deg, #F5F5F5, #ffffff);

Design Tips & Best Practices

When using White Smoke in your designs, consider its psychological impact and cultural associations. This color works well in web design, branding, and marketing materials and can be effectively paired with complementary colors to create striking visual compositions.

Accessibility Considerations

When using White Smoke as a text or background color, ensure sufficient contrast ratios for accessibility compliance. Test your color combinations against WCAG guidelines to ensure readability for all users.

Related White Colors

Explore other white colors that share similar characteristics with White Smoke.