#C5662C

A medium, moderate orange closely aligning with Chocolate.

About #C5662C

Visually, #C5662C is defined as a moderate orange. It is closely associated with the named CSS color Chocolate. This translates to an RGB value of rgb(197, 102, 44).

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 0% C, 48% M, 78% Y, and 23% K. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #000000 text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#C5662C
RGB197, 102, 44
HSL22.7°, 63.5%, 47.3%
CMYK0%, 48%, 78%, 23%
HSV22.7°, 77.7%, 77.3%
LAB53.6, 33.8, 48.0
XYZ28.2, 21.6, 5.1
Decimal12936748

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

3.95:1
Text on #FFFFFF
AA Large
5.31:1
Text on #000000
AA
3.78:1
Text on #F8FAFC
AA Large
4.51:1
Text on #0F172A
AA

CSS Implementation

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

Similar Colors

Chocolate
#D2691E