#DC7232 Hex Color

A bold, saturated orange of high energy

Hex color #dc7232 graphic
#dc7232 is an intense, saturated orange that demands immediate attention. Because it commands the eye, use it sparingly as a high-impact accent or CTA button rather than a background. It pairs unexpectedly well with deep charcoal or slate gray to ground its inherent energy. Since it maintains a contrast ratio of 6.5:1, black text remains highly legible against this hue.

Questions about #dc7232

What is #dc7232 in RGB, HSL and CMYK?
In RGB, #dc7232 is rgb(220, 114, 50), in HSL hsl(23, 71%, 53%) and in CMYK 0%, 48%, 77%, 14%.
Where should I use #dc7232 in a design project?
#dc7232 works best as a deliberate accent rather than a background color because of its intense saturation. Use it for call-to-action buttons, warning alerts, or small graphic details to draw the eye without overwhelming the overall layout of your interface.
What colors pair well with #dc7232 for a balanced palette?
Deep neutrals like charcoal or slate gray provide the necessary grounding to balance the high energy of #dc7232. By using these dark tones, you create a professional contrast that makes the orange feel purposeful instead of chaotic.
Is #dc7232 readable on white or black?
#dc7232 has a 3.23:1 contrast ratio on white and 6.49: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.