ColorConvert.netColor Convert

Color: Light Slate Gray

Complete color information and conversion tools for Light Slate Gray

Category: gray
Color Source: web
Luminance: 23.8%
Color Formats

Convert Light Slate Gray to all major color formats. Click any value to copy to clipboard.

HEX
#778899
RGB
119, 136, 153
HSL
210, 14, 53
HSV
210, 22, 60
CMYK
22, 11, 0, 40
LAB
56, -2, -11
Accessibility & Contrast

Test Light Slate Gray for accessibility compliance and color contrast ratios.

Basic Contrast Ratios

Light Slate Gray on White
3.64:1
Light Slate Gray on Black
5.77: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

FAIL
AAA Standard (Large Text)

Required ratio: 4.5:1

PASS

Usage Recommendations

⚠ Good for accessibility

This color meets AA standards. Use with black text for best results.

Recommended text color: Use #000000 text for optimal readability on Light Slate Gray backgrounds.

Color Tools

Professional tools to work with Light Slate Gray and create color schemes.

About Light Slate Gray Color

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

Light Slate Gray has the hexadecimal code #778899 and RGB values of 119, 136, 153. In the HSL color space, it has a hue of 210°, saturation of 14%, and lightness of 53%. This color is widely supported across all browsers and design applications.

Color Psychology & Meaning

Discover the psychological impact and cultural significance of Light Slate Gray.

Associated Emotions

Neutrality, balance, practical, modern, calm

Symbolism & Meaning

Balance, neutral, professional, stability, practical

Marketing & Branding

Professional services, corporate brands, modern design, practical products

Design Applications

Learn how to effectively use Light Slate Gray 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 Light Slate Gray.

Color Temperature

Cool

Dominant Wavelength

450-495nm

Color Purity

14%

Brightness Index

135/255
Usage Examples

Real-world examples and code snippets showing how to use Light Slate Gray.

CSS Examples

background-color: #778899;
color: #778899;
border: 2px solid #778899;
box-shadow: 0 4px 8px #77889933;
background: linear-gradient(45deg, #778899, #aabbcc);

Design Tips & Best Practices

When using Light Slate Gray 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 Light Slate Gray 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 Gray Colors

Explore other gray colors that share similar characteristics with Light Slate Gray.