#CC4700 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

Closer to rust than pure orange, this saturated red-orange reads bold and warm in any palette. Use the hex code #cc4700 in small doses: call-to-action buttons, sale badges, sports graphics. Full backgrounds feel aggressive and can turn muddy. White text clears WCAG AA on it at about 4.7:1, keeping labels and fine print legible.

Questions about #cc4700

What is #cc4700 in RGB, HSL and CMYK?

In RGB, #cc4700 is rgb(204, 71, 0), in HSL hsl(21, 100%, 40%) and in CMYK 0%, 65%, 100%, 20%.

What colors pair well with #cc4700?

Pair #cc4700 with deep teal for a complementary contrast, or with charcoal and cream when you want the heat tamed, since muted neighbors keep its saturation from taking over a layout. Bright reds and pinks muddy its orange undertone.

Is #cc4700 readable on white or black?

#cc4700 has a 4.69:1 contrast ratio on white and 4.46:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.

#CC4700 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #cc4700

Color tools

Resources