#DA2C38 Hex Color

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

Hex color #da2c38 graphic
High-intensity and saturated, #da2c38 demands immediate attention. This strong, warm red works best as a 10% accent color for calls to action or UI highlights rather than a full background. It pairs exceptionally well with charcoal grays or deep navies to anchor its brightness. Because white text maintains a strong 4.8:1 contrast against this hex code, it remains readable for small interface elements.

Questions about #da2c38

What is #da2c38 in RGB, HSL and CMYK?
In RGB, #da2c38 is rgb(218, 44, 56), in HSL hsl(356, 70%, 51%) and in CMYK 0%, 80%, 74%, 15%.
How should I use #da2c38 in a UI design?
#da2c38 acts best as a high-impact accent color rather than a primary background shade. Use it sparingly for critical calls to action or interface highlights where you need to draw the eye immediately without overwhelming the surrounding content.
What colors pair well with the #da2c38 red?
This bold red creates a balanced, professional look when paired with charcoal or deep navy hues. These darker, muted tones provide the necessary contrast to anchor the brightness of #da2c38 without competing for attention.
Is #da2c38 readable on white or black?
#da2c38 has a 4.77:1 contrast ratio on white and 4.39:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.