#DD6237 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold reddish-orange commands attention through high saturation and heat. Because of its intensity, designers should use the hex code #dd6237 as a 10% accent for calls to action rather than a dominant background. It pairs well with dark slate grays for a modern look. With a 5.9:1 contrast ratio against black text, it maintains excellent readability in small interface components.
Questions about #dd6237
What is #dd6237 in RGB, HSL and CMYK?
In RGB, #dd6237 is rgb(221, 98, 55), in HSL hsl(16, 71%, 54%) and in CMYK 0%, 56%, 75%, 13%.
How should I pair #dd6237 in a design?
This reddish-orange pairs best with charcoal or deep slate grays to ground its high-energy intensity and maintain a professional look. Avoid using it alongside other vibrant warm colors, as this often creates visual noise that makes specific interface elements difficult to distinguish clearly.
Is #dd6237 suitable for text or background?
Use #dd6237 as a 10% accent for calls to action rather than a large background because its high saturation commands significant attention. It maintains a 5.9:1 contrast ratio against black text, ensuring that small interface components like buttons remain highly readable for most users.
Is #dd6237 readable on white or black?
#dd6237 has a 3.57:1 contrast ratio on white and 5.87: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.