#DD4055 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#dd4055 is a saturated, high-intensity red that commands immediate attention. Its vivid chroma makes it an excellent choice for 10% accent details like calls to action or alert indicators. Because black text maintains a high contrast ratio against this shade, it remains legible for functional UI elements. Avoid using this heavy hue across large backgrounds to keep your design from feeling overwhelming.
Questions about #dd4055
What is #dd4055 in RGB, HSL and CMYK?
In RGB, #dd4055 is rgb(221, 64, 85), in HSL hsl(352, 70%, 56%) and in CMYK 0%, 71%, 62%, 13%.
How should I use #dd4055 in a user interface?
Reserve #dd4055 for small accent details like critical buttons or alert icons rather than large background areas. Its high chroma makes it visually heavy, so limit its use to about ten percent of your layout to maintain balance.
Which neutral colors balance the intensity of #dd4055?
This vibrant red pairs beautifully with a neutral charcoal or deep slate for professional contrast. Because #dd4055 is so visually demanding, using it alongside softer grays prevents the design from becoming overwhelming or difficult to read for the user.
Is #dd4055 readable on white or black?
#dd4055 has a 4.25:1 contrast ratio on white and 4.93: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.