#DC2F02 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated shade leans heavily toward orange, creating an immediate visual impact. Because of its high energy, #dc2f02 functions best as an accent rather than a background color. It pairs surprisingly well with deep teals, which temper its raw intensity. The hex code #dc2f02 provides enough contrast for white text, making it a functional choice for high-visibility buttons and caution indicators in UI design.
Questions about #dc2f02
What is #dc2f02 in RGB, HSL and CMYK?
In RGB, #dc2f02 is rgb(220, 47, 2), in HSL hsl(12, 98%, 44%) and in CMYK 0%, 79%, 99%, 14%.
Where should I use the #dc2f02 color in a UI design?
#dc2f02 is an intense, saturated hue best reserved for accent buttons, error states, or call-to-action elements that require immediate user focus. Avoid using this high-energy shade for large backgrounds or body text as its intensity can quickly cause visual fatigue.
What colors pair well with #dc2f02 for a balanced palette?
To temper the raw heat of #dc2f02, pair it with cool, dark neutrals like charcoal or deep, desaturated teals. These contrasting tones provide a sophisticated anchor that keeps the bright orange from feeling overwhelming while maintaining a modern, accessible interface design.
Is #dc2f02 readable on white or black?
#dc2f02 has a 4.71:1 contrast ratio on white and 4.45: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.