HEX Color #CC491D (Chocolate)

About #CC491D

The hex code #CC491D represents a beautifully specific shade of orange. If you're using CSS, you might find it aligns closely with Chocolate. This translates to an RGB value of rgb(204, 73, 29).

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 0% cyan, 64% magenta, 86% yellow, and 20% black. The HSL representation is 15.1° hue, 75.1% saturation, and 45.7% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#CC491D

RGB204, 73, 29

HSL15.1°, 75.1%, 45.7%

CMYK0%, 64%, 86%, 20%

HSV15.1°, 85.8%, 80.0%

LAB49.1, 50.0, 51.0

XYZ27.5, 17.7, 3.1

Decimal13388061

Color Harmonies

Complementary

#CC491D #1D9FCB

Analogous

#CB1D48 #CBA01D

Triadic

#1DCB49 #491DCB

Tetradic

#48CB1D #1D9FCB #A01DCB

Tints, Shades & Tones

Tints (Adding White)

#CC491D

#D15D36

#D7714F

#DD8568

#E29981

#E8AE9A

#EEC2B3

#F3D6CC

#F9EAE5

#FFFFFF

Shades (Adding Black)

#CC491D

#B54019

#9E3816

#883013

#712810

#5A200C

#441809

#2D1006

#160803

#000000

WCAG Contrast Accessibility

4.63:1

Text on #FFFFFF

AA

4.54:1

Text on #000000

AA

4.42:1

Text on #F8FAFC

AA Large

3.86:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #CC491D; }

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

Similar Colors

Chocolate

#D2691E