Coloried

Firebrick
#B22222

What is Color Firebrick

Firebrick color is a bold shade of red. Its hex code is #B22222 and rgb code is rgb(178, 34, 34), Its CMYK value is cmyk(0%, 81%, 81%, 30%), and Its HSL value is hsl(0, 68%, 42%). Against white, it has a contrast ratio of 6.68:1, while against black, the contrast ratio is 3.14:1. Its complementary color is #22B4B4 and closest tailwind color is red-700. This color goes well with #E8B887, #E887B8, #F4C7C7, #5CE09E, and #5C9EE0. To recreate the Firebrick color, you can mix #ff0000 and #654444.

Image Preview

Firebrick color code
Firebrick color swatch #b22222
1. Color Conversions
HEX#B22222
RGB178, 34, 34
HSL0°, 68%, 42%
HSV0°, 68%, 70%
CMYK0%, 81%, 81%, 30%
Web Safe#993333
2. Contrast Ratio
Text on #FFFFFF6.68:1
AAA LargeAAA Normal
Text on #0000003.14:1
AAA LargeFail Normal
3. Firebrick Color Code in CSS
HEX
#B22222
RGB
rgb(178, 34, 34)
HSL
hsl(0, 68%, 42%)
Text Color
color: #B22222;
Background
background-color: #B22222;
Border Color
border-color: #B22222;
Box Shadow
box-shadow: 0 4px 14px 0 #B2222280;
SCSS
$color-firebrick: #B22222;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
8. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
About Firebrick
Color NameFirebrick
HEX#B22222
Color Family
red
X11 NameFirebrick
LAB49.68, 16.04, 8.10
Preview Text
Aa