#C55F1D

A medium, vivid orange closely aligning with Chocolate.

About #C55F1D

Visually, #C55F1D is defined as a vivid orange. 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, 95, and 29.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 52% magenta, 85% yellow, and 23% black. With a hue angle of 23.6 degrees, it sits comfortably in the orange spectrum.

Ensuring your text is legible against this background is a key part of web design. 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#C55F1D
RGB197, 95, 29
HSL23.6°, 74.3%, 44.3%
CMYK0%, 52%, 85%, 23%
HSV23.6°, 85.3%, 77.3%
LAB52.0, 37.0, 53.0
XYZ27.3, 20.1, 3.6
Decimal12934941

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.18:1
Text on #FFFFFF
AA Large
5.03:1
Text on #000000
AA
3.99:1
Text on #F8FAFC
AA Large
4.27:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #C55F1D; }
.text-color { color: #C55F1D; }
.border-color { border: 2px solid #C55F1D; }

Similar Colors

Chocolate
#D2691E