HEX Color #C55716 (Chocolate)

About #C55716

The precise color #C55716 is an excellent choice for modern design projects. It is closely associated with the named CSS color Chocolate. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 87, and 22.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 56% magenta, 89% yellow, and 23% black. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#C55716

RGB197, 87, 22

HSL22.3°, 79.9%, 42.9%

CMYK0%, 56%, 89%, 23%

HSV22.3°, 88.8%, 77.3%

LAB50.4, 40.8, 54.2

XYZ26.6, 18.7, 3.0

Decimal12932886

Color Harmonies

Complementary

#C55716 #1683C4

Analogous

#C4162C #C4AE16

Triadic

#16C457 #5716C4

Tetradic

#2CC416 #1683C4 #AE16C4

Tints, Shades & Tones

Tints (Adding White)

#C55716

#CB692F

#D17C49

#D88F63

#DEA17D

#E5B497

#EBC7B1

#F2D9CB

#F8ECE5

#FFFFFF

Shades (Adding Black)

#C55716

#AF4D13

#994311

#833A0E

#6D300C

#572609

#411D07

#2B1304

#150902

#000000

WCAG Contrast Accessibility

4.42:1

Text on #FFFFFF

AA Large

4.75:1

Text on #000000

AA

4.23:1

Text on #F8FAFC

AA Large

4.04:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C55716; }

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

Similar Colors

Chocolate

#D2691E