#b22222 rgb(178, 34, 34) 0°, 68%, 42% Use Firebrick in Your Projects
About Firebrick Color
Firebrick is a strong, earthy red that feels solid and dependable. It is used for traditional branding, error states, and confident design statements.
Use Cases for Firebrick
Shades & Tints of Firebrick
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.firebrick-color {
color: #b22222;
background-color: #b22222;
}
/* As a CSS custom property */
:root {
--color-firebrick: #b22222;
}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 Firebrick?
Firebrick is represented by the hex code #b22222 and has RGB values of rgb(178, 34, 34). It falls under the Red category.
How to use Firebrick in web design?
Firebrick works well for traditional brands, error states, confident design. Firebrick is a strong, earthy red that feels solid and dependable. It is used for traditional branding, error states, and confident design statements. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Firebrick?
Colors that pair well with Firebrick include red, maroon, darkred, brown, indianred. For a complementary scheme, try #22b4b4. For an analogous scheme, use #b4226b and #b46b22. For a triadic scheme, combine with #22b422 and #2222b4.