#B22222
Red family

Firebrick

Also known as: earthy · warm · robust · grounded · vibrant
Save
Hex #B22222
RGB rgb(178, 34, 34)
HSL hsl(0°, 68%, 42%)
CMYK 0 · 81 · 81 · 30
CSS firebrick
RAL RAL 3016 · Coral Red
NCS S 3040-Y80R

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western culture, Firebrick often conveys warmth, comfort, and stability, reflecting its association with home and construction. In contrast, in some Eastern traditions, such deep reds can symbolize good fortune and happiness, highlighting its dual significance in different contexts.

The term 'firebrick' emerged in the late 19th century as a descriptor for bricks used in high-temperature applications. These bricks were crucial during the Industrial Revolution, particularly in the construction of furnaces, which dates back to the 1800s, showcasing the color's industrial roots.

earthywarmrobustgroundedvibrant

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Firebrick. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 33 Reds →

Shades & tints

Nine steps of Firebrick by lightness — from #5D1212 (darkest) to #D78C8C (lightest). Click any to copy.

-40% #5D1212
-30% #721616
-20% #871A1A
-10% #9D1E1E
BASE #B22222
+15% #BB3D3D
+30% #C45757
+50% #CE7272
+70% #D78C8C

Complementary

Sitting opposite Firebrick at 180° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Firebrick.

#B22222
#FFCC00
#FFFFFF
#8B4513
#FFD700

Rustic Warmth

Cozy Comfort
#B22222
#FF4500
#F5F5F5
#8B0000
#CD5C5C

Burning Passion

Dynamic Energy
#B22222
#A9A9A9
#FFFFFF
#4B0082
#FFDAB9

Earthy Elegance

Sophisticated Balance

Firebrick scale

A 50–900 tonal scale with Firebrick anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F9EDED
100 #F1D7D7
200 #E2ABAB
300 #D27F7F
400 #C25050
500 #B22222
600 #921C1C
700 #751616
800 #591111
900 #3D0C0C

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 6.68:1
Firebrick as text on… Ratio AA AAA
Aa White background 6.68:1 Pass Large only
Aa Black background 3.14:1 Large only Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #B22222

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: firebrick;
CSS color-mix (lighten 30%) color-mix(in srgb, firebrick 70%, white)
HSV / HSB 0°, 81%, 70%
CMYK (print) 0, 81, 81, 30
Decimal 11674146
Nearest web-safe #993333

Color vision

How Firebrick appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#B22222

Protanopia (no red)

#747222

Deuteranopia (no green)

#7C8722

Tritanopia (no blue)

#AB2222
Vermilion
7 / 33 Reds Tomato
Copied!