HEX Color #C5491D (Chocolate)

About #C5491D

When working with digital screens, the color #C5491D is rendered by mixing light. Designers often compare it to the standard color Chocolate. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 73, and 29.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 63% magenta inks. With a hue angle of 15.7 degrees, it sits comfortably in the orange 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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#C5491D

RGB197, 73, 29

HSL15.7°, 74.3%, 44.3%

CMYK0%, 63%, 85%, 23%

HSV15.7°, 85.3%, 77.3%

LAB47.9, 47.6, 49.5

XYZ25.6, 16.7, 3.0

Decimal12929309

Color Harmonies

Complementary

#C5491D #1D98C5

Analogous

#C51D44 #C59D1D

Triadic

#1DC549 #491DC5

Tetradic

#44C51D #1D98C5 #9D1DC5

Tints, Shades & Tones

Tints (Adding White)

#C5491D

#CB5D36

#D1714F

#D88568

#DE9981

#E5AE9A

#EBC2B3

#F2D6CC

#F8EAE5

#FFFFFF

Shades (Adding Black)

#C5491D

#AF4019

#993816

#833013

#6D2810

#57200C

#411809

#2B1006

#150803

#000000

WCAG Contrast Accessibility

4.83:1

Text on #FFFFFF

AA

4.34:1

Text on #000000

AA Large

4.62:1

Text on #F8FAFC

AA

3.69:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C5491D; }

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

Similar Colors

Chocolate

#D2691E