#DD6C46 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red-orange feels intense and immediate, making it an excellent choice for high-impact accents or urgent call-to-action buttons. Because it carries such heavy visual weight, avoid using it as a primary background color. Instead, pair #dd6c46 with muted charcoal grays or deep teals to ground its warmth. With a solid 6.3:1 contrast ratio against black, it remains readable for UI text.
Questions about #dd6c46
What is #dd6c46 in RGB, HSL and CMYK?
In RGB, #dd6c46 is rgb(221, 108, 70), in HSL hsl(15, 69%, 57%) and in CMYK 0%, 51%, 68%, 13%.
What colors pair well with #dd6c46?
Should #dd6c46 be used for website backgrounds?
Avoid using #dd6c46 as a primary background color because its high saturation and visual weight can quickly overwhelm users. Instead, keep this color reserved for smaller interface elements like high-impact call-to-action buttons, notifications, or specific UI accents that require immediate user attention.
Is #dd6c46 readable on white or black?
#dd6c46 has a 3.32:1 contrast ratio on white and 6.30: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.