HEX Color #BD161D (Firebrick)

About #BD161D

The precise color #BD161D is an excellent choice for modern design projects. It is closely associated with the named CSS color Firebrick. In the RGB color space, it consists of 189 red, 22 green, and 29 blue.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 0% cyan, 88% magenta, 85% yellow, and 26% black. With a hue angle of 357.5 degrees, it sits comfortably in the red spectrum.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#BD161D

RGB189, 22, 29

HSL357.5°, 79.1%, 41.4%

CMYK0%, 88%, 85%, 26%

HSV357.5°, 88.4%, 74.1%

LAB40.4, 61.6, 42.4

XYZ21.5, 11.5, 2.2

Decimal12391965

Color Harmonies

Complementary

#BD161D #16BDB6

Analogous

#BD1670 #BD6216

Triadic

#1CBD16 #161CBD

Tetradic

#70BD16 #16BDB6 #6216BD

Tints, Shades & Tones

Tints (Adding White)

#BD161D

#C42F36

#CB494F

#D36368

#DA7D81

#E1979A

#E9B1B3

#F0CBCC

#F7E5E5

#FFFFFF

Shades (Adding Black)

#BD161D

#A81319

#931116

#7E0E13

#690C10

#54090C

#3F0709

#2A0406

#150203

#000000

WCAG Contrast Accessibility

6.37:1

Text on #FFFFFF

AA

3.30:1

Text on #000000

AA Large

6.09:1

Text on #F8FAFC

AA

2.80:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #BD161D; }

.text-color { color: #BD161D; }

.border-color { border: 2px solid #BD161D; }

Similar Colors

Firebrick

#B22222