HEX Color #C50F1D (Firebrick)

About #C50F1D

The precise color #C50F1D is an excellent choice for modern design projects. Designers often compare it to the standard color Firebrick. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 15, and 29.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 92% magenta, 85% yellow, and 23% black. Always request a physical proof before doing a large print run with this exact code.

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#C50F1D

RGB197, 15, 29

HSL355.4°, 85.8%, 41.6%

CMYK0%, 92%, 85%, 23%

HSV355.4°, 92.4%, 77.3%

LAB41.7, 64.8, 44.2

XYZ23.4, 12.3, 2.3

Decimal12914461

Color Harmonies

Complementary

#C50F1D #0EC5B7

Analogous

#C50E77 #C55C0E

Triadic

#1CC50E #0E1CC5

Tetradic

#77C50E #0EC5B7 #5C0EC5

Tints, Shades & Tones

Tints (Adding White)

#C50F1D

#CB2936

#D1444F

#D85F68

#DE7981

#E5949A

#EBAFB3

#F2C9CC

#F8E4E5

#FFFFFF

Shades (Adding Black)

#C50F1D

#AF0D19

#990B16

#830A13

#6D0810

#57060C

#410509

#2B0306

#150103

#000000

WCAG Contrast Accessibility

6.07:1

Text on #FFFFFF

AA

3.46:1

Text on #000000

AA Large

5.80:1

Text on #F8FAFC

AA

2.94:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #C50F1D; }

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

Similar Colors

Firebrick

#B22222