#DA552F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#da552f is a high-energy orange-red that commands immediate attention. Its intensity makes it a difficult choice for large backgrounds, so use this shade sparingly as a call-to-action button or a sharp accent color. It pairs surprisingly well with deep teal for a modern, high-contrast look. Because it offers enough contrast for legible body text, you can safely use it on white or dark neutral surfaces.
Questions about #da552f
What is #da552f in RGB, HSL and CMYK?
In RGB, #da552f is rgb(218, 85, 47), in HSL hsl(13, 70%, 52%) and in CMYK 0%, 61%, 78%, 15%.
How should I use #da552f in my interface design?
Because #da552f is so intense, it is best reserved for UI elements like buttons, badges, or error states rather than large background areas. It creates a powerful focal point that guides user behavior effectively against neutral white or dark gray backdrops.
What colors work well with #da552f?
This orange-red pairs beautifully with deep teal for a modern, sophisticated contrast that balances the heat of the red. You can also ground it using warm neutrals or soft charcoals to prevent the saturation from overwhelming your layout.
Is #da552f readable on white or black?
#da552f has a 3.94:1 contrast ratio on white and 5.32: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.