#DA4A57 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#da4a57 is an intense, saturated red that demands immediate attention. This high-energy shade works best as a 10% accent color rather than a large background, where it can easily overwhelm a layout. It pairs effectively with cool grays or deep charcoal to ground its brightness. Because black text remains legible at a 5.1:1 contrast ratio, use this hex code for buttons or call-to-action highlights.
Questions about #da4a57
What is #da4a57 in RGB, HSL and CMYK?
In RGB, #da4a57 is rgb(218, 74, 87), in HSL hsl(355, 66%, 57%) and in CMYK 0%, 66%, 60%, 15%.
How should I use #da4a57 in a design layout?
Treat #da4a57 as a strategic 10% accent color rather than a background shade to avoid overwhelming your layout. It works exceptionally well for call-to-action buttons or interface highlights where its natural intensity can draw the eye without clashing with surrounding content.
What colors pair best with #da4a57?
The best way to ground this bright red is by pairing it with cool, neutral tones like charcoal or dark steel gray. These muted, darker backgrounds balance the high saturation of #da4a57 and ensure the color pops without causing unnecessary visual strain.
Is #da4a57 readable on white or black?
#da4a57 has a 4.11:1 contrast ratio on white and 5.09: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.