HEX Color #C54216 (Firebrick)

About #C54216

The precise color #C54216 is an excellent choice for modern design projects. 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, 66, and 22.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 0% C, 66% M, 89% Y, and 23% K. With a hue angle of 15.1 degrees, it sits comfortably in the orange spectrum.

When using this color as a background, text legibility must be considered. 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#C54216

RGB197, 66, 22

HSL15.1°, 79.9%, 42.9%

CMYK0%, 66%, 89%, 23%

HSV15.1°, 88.8%, 77.3%

LAB46.7, 50.4, 51.4

XYZ25.1, 15.8, 2.5

Decimal12927510

Color Harmonies

Complementary

#C54216 #1698C4

Analogous

#C41641 #C49916

Triadic

#16C442 #4216C4

Tetradic

#41C416 #1698C4 #9916C4

Tints, Shades & Tones

Tints (Adding White)

#C54216

#CB572F

#D16C49

#D88163

#DE967D

#E5AB97

#EBC0B1

#F2D5CB

#F8EAE5

#FFFFFF

Shades (Adding Black)

#C54216

#AF3A13

#993311

#832C0E

#6D240C

#571D09

#411607

#2B0E04

#150702

#000000

WCAG Contrast Accessibility

5.04:1

Text on #FFFFFF

AA

4.16:1

Text on #000000

AA Large

4.82:1

Text on #F8FAFC

AA

3.54:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C54216; }

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

Similar Colors

Firebrick

#B22222