Color: Dim Gray
Complete color information and conversion tools for Dim Gray
Convert Dim Gray to all major color formats. Click any value to copy to clipboard.
Test Dim Gray for accessibility compliance and color contrast ratios.
Basic Contrast Ratios
WCAG 2.1 Compliance
Required ratio: 4.5:1
Required ratio: 3:1
Required ratio: 7:1
Required ratio: 4.5:1
Usage Recommendations
⚠ Good for accessibility
This color meets AA standards. Use with white text for best results.
Recommended text color: Use #FFFFFF text for optimal readability on Dim Gray backgrounds.
Colors similar to Dim Gray based on hue and saturation.
About Dim Gray Color
The Dim Gray color (#696969) is a gray color that belongs to the web-safe color palette. This comprehensive guide covers everything you need to know about Dim Gray, including its technical specifications, psychological impact, design applications, and practical usage examples.
Dim Gray has the hexadecimal code #696969 and RGB values of 105, 105, 105. In the HSL color space, it has a hue of 0°, saturation of 0%, and lightness of 41%. This color is widely supported across all browsers and design applications.
Discover the psychological impact and cultural significance of Dim 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
Learn how to effectively use Dim 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
Complete technical details and color space information for Dim Gray.
Color Temperature
Dominant Wavelength
Color Purity
Brightness Index
Real-world examples and code snippets showing how to use Dim Gray.
CSS Examples
Design Tips & Best Practices
When using Dim 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 Dim 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.