Firebrick #B22222

About this color

#B22222 is a medium-dark, vivid red. In OKLCH its lightness is 50%, its chroma 0.180 and its hue 27°. Its hue sits on the warm side of the wheel. It is the named color Firebrick. White text reads best on it, at 6.67:1.

Colors that go with Firebrick

Matches found by rotating Firebrick around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with Firebrick

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Firebrick, closest first.

• Mistletoe Feast
• Evergreen Lights
• Evergreen Feast
• Cranberry and Holly
• Candy Cane and Ribbon
• Gravestone Feast
• Cauldron Feast
• Gallery Print

Similar named colors

The eight named colors closest to Firebrick, with their ΔE distance.

• Rufous #AE2012 ΔE 0.015
• Rusty Red #AF2F0D ΔE 0.026
• Brown #A52A2A ΔE 0.026
• Rust Red #AA2704 ΔE 0.026
• Scarlet #BE0119 ΔE 0.026
• Lipstick Red #C0022F ΔE 0.036
• Rouge #AB1239 ΔE 0.040
• Brick #A03623 ΔE 0.041

More about Firebrick

• Shades of red
• What red means

How to make Firebrick

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

• 2 parts red
• 1 part brown

Recipe result: #B32F2E, a difference of ΔE 0.017 from Firebrick. That is very close: most people will not see the difference.

What colors make red? | Color mixing chart

Codes for Firebrick in every format

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

Shades and tints of Firebrick

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 700.

1. Step 50

   50

   #FDF3F1

   oklch(97.1% 0.011 31.1)

2. Step 100

   100

   #FAE4E1

   oklch(93.6% 0.025 26.9)

3. Step 200

   200

   #F8CEC8

   oklch(88.6% 0.048 27.6)

4. Step 300

   300

   #F4ABA3

   oklch(80.9% 0.087 26.1)

5. Step 400

   400

   #EB7B71

   oklch(70.7% 0.14 26.5)

6. Step 500

   500

   #E1534B

   oklch(63.1% 0.179 26.7)

7. Step 600

   600

   #CC302D

   oklch(55.6% 0.193 27)

8. Step 700

   700 (this color)

   #B22222

   oklch(49.7% 0.18 26.8)

9. Step 800

   800

   #8F1E1D

   oklch(42.7% 0.149 26.6)

10. Step 900

    900

    #73211D

    oklch(37.8% 0.116 27)

11. Step 950

    950

    #441512

    oklch(27.1% 0.073 26.7)

Export this scale for Tailwind in the Tailwind colors tool

Firebrick with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.