#DD475F Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #dd475f graphic
This vivid red is intense and commands attention. Because it is highly saturated, #dd475f works best as a bold accent or a button color rather than a large background. It pairs well with charcoal or dark gray to ground its energy. The hex code for this powerful, warm hue is #dd475f, which offers enough contrast for legible black text in small interface elements.

Questions about #dd475f

What is #dd475f in RGB, HSL and CMYK?
In RGB, #dd475f is rgb(221, 71, 95), in HSL hsl(350, 69%, 57%) and in CMYK 0%, 68%, 57%, 13%.
How should I use #dd475f in user interface design?
Use #dd475f sparingly as a high-impact accent color for primary call-to-action buttons or notification badges. Because it is highly saturated, avoid applying it to large background areas to prevent visual fatigue and maintain comfortable readability for your users.
What colors pair well with #dd475f?
Pair #dd475f with dark neutrals like charcoal or deep slate to ground its intensity and create a sophisticated balance. If you need a secondary accent, cool navy tones provide a striking contrast that allows this vibrant red to pop without overwhelming the design.
Is #dd475f readable on white or black?
#dd475f has a 4.08:1 contrast ratio on white and 5.14: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.