Firebrick hex code
The hex code for firebrick is #B22222. In RGB that is rgb(178, 34, 34) and in HSL it is hsl(0, 68%, 42%).
The hex code for firebrick is #B22222. In RGB that is rgb(178, 34, 34) and in HSL it is hsl(0, 68%, 42%).
Firebrick · #B22222
Colour codes
- HEX
- #B22222
- RGB
- rgb(178, 34, 34)
- HSL
- hsl(0, 68%, 42%)
- CMYK
- 0, 81, 81, 30
- CSS name
- firebrick
- Contrast on white
- 6.68:1
- Contrast on black
- 3.14:1
Tints and shades
20% lighter · #c14e4e
40% lighter · #d17a7a
60% lighter · #e0a7a7
80% lighter · #f0d3d3
20% darker · #8e1b1b
40% darker · #6b1414
60% darker · #470e0e
80% darker · #240707
Complementary colour
Firebrick · #B22222
Opposite on the colour wheel · #22b4b4
Frequently asked questions
What is the hex code for firebrick?
The hex code for firebrick is #B22222. In RGB that is rgb(178, 34, 34) and in HSL it is hsl(0, 68%, 42%).
Can I use firebrick for text?
It has a contrast ratio of 6.68:1 on white and 3.14:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with firebrick?
Its complementary colour, opposite on the colour wheel, is #22B4B4. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of firebrick instead.
Is firebrick a CSS colour name?
Yes. CSS accepts the keyword firebrick, so color: firebrick and color: #B22222 render exactly the same.