HEX Color #C5241D (Firebrick)

About #C5241D

The hex code #C5241D represents a beautifully specific shade of red. If you're using CSS, you might find it aligns closely with Firebrick. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 36, and 29.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 82% 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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#C5241D

RGB197, 36, 29

HSL2.5°, 74.3%, 44.3%

CMYK0%, 82%, 85%, 23%

HSV2.5°, 85.3%, 77.3%

LAB43.1, 60.8, 45.4

XYZ23.9, 13.2, 2.5

Decimal12919837

Color Harmonies

Complementary

#C5241D #1DBEC5

Analogous

#C51D69 #C5781D

Triadic

#1DC524 #231DC5

Tetradic

#6AC51D #1DBEC5 #771DC5

Tints, Shades & Tones

Tints (Adding White)

#C5241D

#CB3C36

#D1544F

#D86D68

#DE8581

#E59D9A

#EBB6B3

#F2CECC

#F8E6E5

#FFFFFF

Shades (Adding Black)

#C5241D

#AF2019

#991C16

#831813

#6D1410

#57100C

#410C09

#2B0806

#150403

#000000

WCAG Contrast Accessibility

5.76:1

Text on #FFFFFF

AA

3.64:1

Text on #000000

AA Large

5.51:1

Text on #F8FAFC

AA

3.10:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C5241D; }

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

Similar Colors

Firebrick

#B22222