#CC700E Hex Color

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

Hex color #cc700e graphic
The hex code #cc700e produces a fairly saturated, medium-dark orange with warm red-gold undertones and a mellow finish. It brings optimistic energy to food packaging, autumn campaigns, and youth-focused accents without the sharpness of neon. Use it as a supporting tone with navy or charcoal; black text reaches about 5.9:1 contrast.

Questions about #cc700e

What is #cc700e in RGB, HSL and CMYK?
In RGB, #cc700e is rgb(204, 112, 14), in HSL hsl(31, 87%, 43%) and in CMYK 0%, 45%, 93%, 20%.
What colors pair well with #cc700e?
Navy, charcoal, and muted cream pair well with #cc700e, balancing its warm, fairly saturated body while giving designers clear options for contrast, depth, and softer supporting surfaces in brand palettes and interfaces. Navy adds depth, while charcoal gives type and borders a steadier base.
Where does #cc700e work best in a design?
Use #cc700e as a supporting color for food and beverage packaging, sports graphics, construction safety details, or autumn campaigns, where its medium-dark value and warm saturation create clear emphasis without taking over every surface. On large backgrounds, pair it with pale neutrals.
Is #cc700e readable on white or black?
#cc700e has a 3.56:1 contrast ratio on white and 5.89:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.