HEX Color #AF0716 (Firebrick)

About #AF0716

Visually, #AF0716 is defined as a vivid red. It is closely associated with the named CSS color Firebrick. In the RGB color space, it consists of 175 red, 7 green, and 22 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 96% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#AF0716

RGB175, 7, 22

HSL354.6°, 92.3%, 35.7%

CMYK0%, 96%, 87%, 31%

HSV354.6°, 96.0%, 68.6%

LAB36.6, 59.9, 41.5

XYZ17.9, 9.3, 1.6

Decimal11470614

Color Harmonies

Complementary

#AF0716 #07AF9F

Analogous

#AF0769 #AF4B07

Triadic

#16AF07 #0716AF

Tetradic

#6AAF07 #07AF9F #4B07AF

Tints, Shades & Tones

Tints (Adding White)

#AF0716

#B7222F

#C03E49

#C95963

#D2757D

#DB9097

#E4ACB1

#EDC7CB

#F6E3E5

#FFFFFF

Shades (Adding Black)

#AF0716

#9B0613

#880511

#74040E

#61030C

#4D0309

#3A0207

#260104

#130002

#000000

WCAG Contrast Accessibility

7.33:1

Text on #FFFFFF

AAA

2.86:1

Text on #000000

FAIL

7.01:1

Text on #F8FAFC

AAA

2.44:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #AF0716; }

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

Similar Colors

Firebrick

#B22222