#D04652 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, high-energy red demands attention with its saturated and warm presence. Because #d04652 provides enough contrast for readable black text, it functions well as a solid button background or a punchy accent in UI design. Avoid using this hex code for large, overwhelming areas to prevent visual fatigue. It pairs effectively with deep charcoals rather than stark whites to maintain a sophisticated balance.
Questions about #d04652
What is #d04652 in RGB, HSL and CMYK?
In RGB, #d04652 is rgb(208, 70, 82), in HSL hsl(355, 59%, 55%) and in CMYK 0%, 66%, 61%, 18%.
How should I effectively use #d04652 in a UI design?
#d04652 functions best as a high-impact accent color for call-to-action buttons or small interface elements where you need immediate user attention. Avoid using it for large background areas, as its intense saturation can quickly cause visual fatigue for the viewer.
What colors pair well with the red tone of #d04652?
This vibrant red balances best with charcoal or deep, desaturated grays rather than stark white. These darker, neutral tones ground the warmth of #d04652, preventing the high-energy red from feeling overwhelming while maintaining a sophisticated, modern contrast.
Is #d04652 readable on white or black?
#d04652 has a 4.48:1 contrast ratio on white and 4.67: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.