- No data uploaded
- Instant results
Fire Brick — #B22222
Fire Brick is the CSS named colour firebrick, hex #B22222. It has a contrast ratio of 6.68:1 on white and 3.14:1 on black — readable as text on white backgrounds (WCAG AA).
Fire Brick — #B22222
Contrast on white 6.68:1 · on black 3.14:1
Tints
Shades
Complementary
Triadic
Analogous
Using Fire Brick in code
CSS: color: firebrick; or color: #B22222; · Tailwind: text-[#B22222] · Android/Flutter: 0xFFB22222
Fire Brick colour harmonies
Complementary: #22B2B2 · Triadic: #22B222, #2222B2 · Analogous: #B2226A, #B26A22. Use tints for backgrounds and shades for hover states.
Fire Brick in every colour format
| Format | Value |
|---|---|
| HEX | #B22222 |
| RGB | rgb(178, 34, 34) |
| HSL | hsl(0, 68%, 42%) |
| HSV | hsv(0, 81%, 70%) |
| CMYK | cmyk(0%, 81%, 81%, 30%) |
| CSS name | firebrick |
| Contrast on white | 6.68:1 |
| Contrast on black | 3.14:1 |
Frequently asked questions
What is the hex code for Fire Brick?
#B22222 (CSS name: firebrick).
What is Fire Brick in RGB?
rgb(178, 34, 34)
What colour goes well with Fire Brick?
Its complementary colour #22B2B2, or the analogous #B2226A and #B26A22.