CSS named color
FireBrick
#B22222
HEX
#b22222RGB
rgb(178, 34, 34)HSL
hsl(0, 68%, 42%)OKLCH
oklch(49.68% 0.1797 26.81)NAME
firebrickPalette
Complementary
180° on the color wheelComplement
#22B4B4
Analogous
±30° around the base hueLeft
#B4226B
Right
#B46B22
Triadic
±120° for harmonic contrastTriad 1
#22B422
Triad 2
#2222B4
Shades
Lighter and darker variantsCSS usage
By name
color: firebrick;
background-color: firebrick;By HEX
color: #b22222;
background-color: #b22222;By RGB
color: rgb(178, 34, 34);
background-color: rgb(178, 34, 34);By HSL
color: hsl(0, 68%, 42%);
background-color: hsl(0, 68%, 42%);WCAG contrast vs white
Aa
6.68:1
AA
WCAG contrast vs black
Aa
3.14:1
AA (large text)
Related colors
FAQ — FireBrick
What is the HEX code for FireBrick?
The HEX code for FireBrick is #B22222. It's one of the 148 named CSS colors and can be used directly in CSS as color: firebrick; or color: #b22222;
What is FireBrick in RGB?
FireBrick in RGB is rgb(178, 34, 34) — red 178, green 34, blue 34.
What is FireBrick in HSL?
FireBrick in HSL is hsl(0, 68%, 42%) — hue 0°, saturation 68%, lightness 42%.
What is the complementary color of FireBrick?
The complementary color (directly opposite FireBrick on the color wheel) is #22B4B4. The two together produce maximum contrast.
Is white text readable on FireBrick?
The WCAG contrast ratio against white (#FFFFFF) is 6.68:1, and against black (#000000) it's 3.14:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.