#DA2846 Hex Color

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

Hex color #da2846 graphic
This high-intensity red is undeniably loud and commands immediate attention. Because of its extreme saturation, it works best as an accent color for calls to action or UI highlights rather than a full background. The hex code #da2846 pairs surprisingly well with dark, cool charcoal grays, which ground its aggressive energy. White text maintains excellent readability against this bold shade.

Questions about #da2846

What is #da2846 in RGB, HSL and CMYK?
In RGB, #da2846 is rgb(218, 40, 70), in HSL hsl(350, 71%, 51%) and in CMYK 0%, 82%, 68%, 15%.
How should I use #da2846 in a user interface?
Because #da2846 is extremely saturated, it is best reserved for high-impact call-to-action buttons, notifications, or specific interface alerts. Using it as a background often creates visual fatigue, so pairing it with deep charcoal or off-white text helps manage its intensity.
What colors pair well with the #da2846 hex code?
#da2846 relies on neutral, darker tones to ground its aggressive energy without clashing. It looks sophisticated when balanced against dark charcoal or soft slate, while neutral whites remain the best choice for high-contrast, accessible typography on top of this red.
Is #da2846 readable on white or black?
#da2846 has a 4.80:1 contrast ratio on white and 4.37: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.