HEX Color #AF3A07 (Firebrick)

About #AF3A07

At its core, #AF3A07 is a dark and vivid hue. If you're using CSS, you might find it aligns closely with Firebrick. In the RGB color space, it consists of 175 red, 58 green, and 7 blue.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 67% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. 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#AF3A07

RGB175, 58, 7

HSL18.2°, 92.3%, 35.7%

CMYK0%, 67%, 96%, 31%

HSV18.2°, 96.0%, 68.6%

LAB41.5, 45.9, 50.8

XYZ19.2, 12.2, 1.5

Decimal11483655

Color Harmonies

Complementary

#AF3A07 #077BAF

Analogous

#AF0728 #AF8E07

Triadic

#07AF3A #3A07AF

Tetradic

#28AF07 #077BAF #8D07AF

Tints, Shades & Tones

Tints (Adding White)

#AF3A07

#B74F22

#C0653E

#C97B59

#D29175

#DBA790

#E4BDAC

#EDD3C7

#F6E9E3

#FFFFFF

Shades (Adding Black)

#AF3A07

#9B3306

#882D05

#742604

#612003

#4D1903

#3A1302

#260C01

#130600

#000000

WCAG Contrast Accessibility

6.12:1

Text on #FFFFFF

AA

3.43:1

Text on #000000

AA Large

5.85:1

Text on #F8FAFC

AA

2.92:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #AF3A07; }

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

Similar Colors

Firebrick

#B22222