firebrick — #B22222
#B22222
rgb(178, 34, 34) · hsl(0, 68%, 42%) · CSS keyword firebrick
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| firebrick on white | 6.68:1 | AA | AA |
| firebrick on black | 3.14:1 | — | AA |
As a background, firebrick takes white text: 6.68:1 against 3.14:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: firebrick;
color: #b22222;
color: rgb(178 34 34);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to firebrick
- brown — #A52A2A
- crimson — #DC143C
- saddlebrown — #8B4513
- darkred — #8B0000
- mediumvioletred — #C71585
- sienna — #A0522D
Frequently asked questions
What is the hex code for firebrick?
The hex code for firebrick is #B22222 — RGB 178, 34, 34.
Can I use firebrick for text?
Yes. firebrick reaches 6.68:1 against white, past the 4.5:1 that WCAG AA asks for body text.
Should text on firebrick be black or white?
White — 6.68:1 against 3.14:1 the other way.
Other named colours
- floralwhite — #FFFAF0
- forestgreen — #228B22
- fuchsia — #FF00FF
- gainsboro — #DCDCDC
- ghostwhite — #F8F8FF
- gold — #FFD700
- goldenrod — #DAA520
- gray — #808080
- green — #008000
- greenyellow — #ADFF2F
- honeydew — #F0FFF0
- hotpink — #FF69B4
#B22222 in full — tints, shades and harmonies · All named colours · Colour reference