Firebrick Color

Learn about Firebrick (#b22222): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#b22222
HEX #b22222
RGB rgb(178, 34, 34)
HSL 0°, 68%, 42%

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

traditional brandserror statesconfident designbrick textureswarning messages

Shades & Tints of Firebrick

#ffffff
#ecc8c8
#d99191
#c55959
#b22222
#861a1a
#591111
#2d0909
#000000

Complementary Color

#b22222
#22b4b4

Analogous Colors

#b4226b
#b22222
#b46b22

CSS Code

.firebrick-color {
  color: #b22222;
}

Contrast Recommendations

Black text on Firebrick
Ratio: 3.14:1 ✗ Fails AA ✗ Fails AAA
White text on Firebrick
Ratio: 6.68:1 ✓ Passes AA ✗ Fails AAA

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.