#CC750A Hex Color

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

Hex color #cc750a graphic
#cc750a is a saturated, warm orange with a mellow, earthy character. It works best as an accent color rather than a primary background to avoid visual fatigue. Pair this hex code with charcoal gray or deep navy to ground its intensity. Black text provides excellent legibility here, achieving a 6.1:1 contrast ratio that safely exceeds WCAG standards for small type.

Questions about #cc750a

What is #cc750a in RGB, HSL and CMYK?
In RGB, #cc750a is rgb(204, 117, 10), in HSL hsl(33, 91%, 42%) and in CMYK 0%, 43%, 95%, 20%.
What color pairs best with #cc750a?
#cc750a functions best when grounded by deep, neutral tones that balance its intense warmth. Try pairing it with charcoal or navy to prevent the color from overwhelming your layout while keeping the design feeling sophisticated rather than aggressive.
Is #cc750a suitable for UI text?
You can safely use #cc750a for large headings or graphic elements, but it is too vibrant for body text. When paired with black or dark text, this hex color maintains a 6.1:1 contrast ratio, which is excellent for accessibility on white backgrounds.
Is #cc750a readable on white or black?
#cc750a has a 3.43:1 contrast ratio on white and 6.11: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.