HEX Color #C52407 (Firebrick)

About #C52407

The precise color #C52407 is an excellent choice for modern design projects. Its closest recognized web color is Firebrick. Its digital footprint relies on 197 parts red, 36 parts green, and 7 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. The color uses 0% Cyan, 82% Magenta, 96% Yellow, and 23% Black. With a hue angle of 9.2 degrees, it sits comfortably in the red spectrum.

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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#C52407

RGB197, 36, 7

HSL9.2°, 93.1%, 40.0%

CMYK0%, 82%, 96%, 23%

HSV9.2°, 96.4%, 77.3%

LAB43.0, 60.4, 53.9

XYZ23.7, 13.1, 1.5

Decimal12919815

Color Harmonies

Complementary

#C52407 #07A8C5

Analogous

#C50749 #C58307

Triadic

#07C524 #2307C5

Tetradic

#48C507 #07A8C5 #8207C5

Tints, Shades & Tones

Tints (Adding White)

#C52407

#CB3C22

#D1543E

#D86D59

#DE8575

#E59D90

#EBB6AC

#F2CEC7

#F8E6E3

#FFFFFF

Shades (Adding Black)

#C52407

#AF2006

#991C05

#831804

#6D1403

#571003

#410C02

#2B0801

#150400

#000000

WCAG Contrast Accessibility

5.79:1

Text on #FFFFFF

AA

3.63:1

Text on #000000

AA Large

5.53:1

Text on #F8FAFC

AA

3.09:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C52407; }

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

Similar Colors

Firebrick

#B22222