#DC682F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#dc682f is a high-energy orange with a saturated, warm presence. Its intensity demands attention, making it an excellent choice for call-to-action buttons or small design accents rather than large backgrounds. It pairs beautifully with deep charcoal grays to ground its loudness. Because it maintains strong contrast against black, using this hex code for interface highlights provides good accessibility while keeping designs bold and readable.
Questions about #dc682f
What is #dc682f in RGB, HSL and CMYK?
In RGB, #dc682f is rgb(220, 104, 47), in HSL hsl(20, 71%, 52%) and in CMYK 0%, 53%, 79%, 14%.
How can I effectively use #dc682f in UI design without overwhelming the viewer?
Reserve #dc682f for high-impact elements like call-to-action buttons, notifications, or specific icons where you need to draw the eye immediately. Because this orange is so saturated, pairing it with neutral charcoal or off-white backgrounds keeps the design readable.
Is #dc682f readable on white or black?
#dc682f has a 3.46:1 contrast ratio on white and 6.06: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.