#B22222
firebrick
#B22222 is a red colour. In RGB it is 178 red, 34 green and 34 blue, which converts to a hue of 0 degrees, 68% saturation and 42% lightness. It is one of the named CSS colours, written as firebrick in stylesheets.
Color values
| HEX | #B22222 |
|---|---|
| RGB | rgb(178, 34, 34) |
| HSL | hsl(0, 68%, 42%) |
| HSV | hsv(0, 81%, 70%) |
| CMYK | cmyk(0%, 81%, 81%, 30%) |
Contrast and accessibility
Against white the contrast ratio is 6.68:1, and against black it is 3.14:1. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.
| Background | Ratio | Normal text | Large text |
|---|---|---|---|
| White | 6.68:1 | AA | AAA |
| Black | 3.14:1 | Fail | AA |
Tints and shades
Lighter tints move #B22222 toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #B22222; |
|---|---|
| CSS rgb() | color: rgb(178 34 34); |
| Tailwind | bg-[#b22222] |
| SwiftUI | Color(red: 0.698, green: 0.133, blue: 0.133) |
| Android | Color.parseColor("#B22222") |