HEX Color #C53A24 (Firebrick)

About #C53A24

The precise color #C53A24 is an excellent choice for modern design projects. It is closely associated with the named CSS color Firebrick. In the RGB color space, it consists of 197 red, 58 green, and 36 blue.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 71% magenta, 82% 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. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#C53A24

RGB197, 58, 36

HSL8.2°, 69.1%, 45.7%

CMYK0%, 71%, 82%, 23%

HSV8.2°, 81.7%, 77.3%

LAB45.7, 53.9, 44.2

XYZ24.9, 15.0, 3.3

Decimal12925476

Color Harmonies

Complementary

#C53A24 #24AEC4

Analogous

#C4245E #C48A24

Triadic

#24C43A #3A24C4

Tetradic

#5EC424 #24AEC4 #8A24C4

Tints, Shades & Tones

Tints (Adding White)

#C53A24

#CB4F3C

#D16554

#D87B6D

#DE9185

#E5A79D

#EBBDB6

#F2D3CE

#F8E9E6

#FFFFFF

Shades (Adding Black)

#C53A24

#AF3320

#992D1C

#832618

#6D2014

#571910

#41130C

#2B0C08

#150604

#000000

WCAG Contrast Accessibility

5.24:1

Text on #FFFFFF

AA

4.00:1

Text on #000000

AA Large

5.01:1

Text on #F8FAFC

AA

3.40:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C53A24; }

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

Similar Colors

Firebrick

#B22222