Firebrick#B22222
Firebrick Hex Code: #B22222
Firebrick is a dark, vivid red. Its OKLCH lightness is 50% and chroma 0.180. Text on this color reads best in white (contrast 6.68:1).
| HEX | #B22222 |
|---|---|
| RGB | rgb(178, 34, 34) |
| HSL | hsl(0, 68%, 42%) |
| HSV / HSB | hsv(0, 81%, 70%) |
| CMYK | cmyk(0%, 81%, 81%, 30%) |
| OKLCH | oklch(49.7% 0.18 26.8) |
Contrast
White text6.68:1
AAAA largeAAA
Black text3.14:1
AAAA largeAAA
On white6.68:1
AAAA largeAAA
On black3.14:1
AAAA largeAAA
Tints
#B93636#C04A4A#C75E5EIndian Red#CE7272#D58585#DC9999#E3ADADPastel Pink#E9C1C1Baby Pink#F0D5D5#F7E9E9Misty RoseShades
Matching colors
Complementary
Analogous
Split complementary
Similar named colors
Code
| CSS | color: #B22222; |
|---|---|
| Tailwind | bg-[#b22222] |
| SwiftUI | Color(red: 0.698, green: 0.133, blue: 0.133) |
| Android | Color.parseColor("#B22222") |
| Flutter | Color(0xFFB22222) |
Firebrick is a CSS named color (firebrick); the value follows W3C CSS Color Module Level 4.
Frequently asked questions
What is the hex code for firebrick?
Firebrick is #B22222 in hex and rgb(178, 34, 34) in RGB.
What is firebrick in CMYK?
With the plain conversion formula it is cmyk(0, 81, 81, 30). For print, convert with your printer's ICC profile instead.
What text color works on firebrick?
White text has the higher contrast at 6.68:1, which passes WCAG AA for normal text (4.5:1).