Color: Fire Brick
Complete color information and conversion tools for Fire Brick
Convert Fire Brick to all major color formats. Click any value to copy to clipboard.
Test Fire Brick 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 Fire Brick backgrounds.
Colors similar to Fire Brick based on hue and saturation.
About Fire Brick Color
The Fire Brick color (#B22222) is a red color that belongs to the web-safe color palette. This comprehensive guide covers everything you need to know about Fire Brick, including its technical specifications, psychological impact, design applications, and practical usage examples.
Fire Brick has the hexadecimal code #B22222 and RGB values of 178, 34, 34. In the HSL color space, it has a hue of 0°, saturation of 68%, and lightness of 42%. This color is widely supported across all browsers and design applications.
Discover the psychological impact and cultural significance of Fire Brick.
Associated Emotions
Passion, energy, excitement, power, love, anger
Symbolism & Meaning
Strength, courage, determination, danger, warning
Marketing & Branding
Creates urgency, stimulates appetite, grabs attention
Learn how to effectively use Fire Brick in various design contexts.
Web Design
- • Call-to-action buttons
- • Error messages
- • Sale/discount badges
- • Navigation highlights
Interior Design
- • Accent walls
- • Dining room decor
- • Kitchen accessories
- • Bold furniture pieces
Graphic Design
- • Headlines
- • Sale promotions
- • Warning signs
- • Logo accents
Fashion & Clothing
- • Evening wear
- • Power suits
- • Accessories
- • Statement pieces
Complete technical details and color space information for Fire Brick.
Color Temperature
Dominant Wavelength
Color Purity
Brightness Index
Real-world examples and code snippets showing how to use Fire Brick.
CSS Examples
Design Tips & Best Practices
When using Fire Brick 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 Fire Brick 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.