#DA2424 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Intense and demanding, #da2424 is a high-chroma red that commands immediate attention. Use this hex code sparingly as a 10% accent color, as it quickly overwhelms larger layouts. It pairs effectively with charcoal grays or clean white text, where the high contrast ensures excellent readability. Keep your usage targeted, as this shade works best for call-to-action buttons or urgent notifications.
Questions about #da2424
What is #da2424 in RGB, HSL and CMYK?
In RGB, #da2424 is rgb(218, 36, 36), in HSL hsl(0, 72%, 50%) and in CMYK 0%, 83%, 83%, 15%.
How should I use #da2424 in a professional layout?
Use #da2424 sparingly as a 10% accent color to maintain visual balance without overwhelming the viewer. It works exceptionally well on small interface elements like buttons or notification badges where you need to draw the eye immediately.
What colors pair well with #da2424?
This red pairs effectively with charcoal or deep neutral grays to ground its intensity. Using it against clean white text provides the high contrast necessary for ensuring readability and accessibility in digital design interfaces.
Is #da2424 readable on white or black?
#da2424 has a 4.93:1 contrast ratio on white and 4.25: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.