#DC2828 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity red demands instant attention. Because this tone is so loud, #dc2828 functions best as a functional accent or a call-to-action button rather than a primary background. It pairs effectively with deep charcoal grays to ground the intense heat. The hex code for this red is #dc2828, and it maintains enough contrast for white text to remain readable even at smaller sizes.
Questions about #dc2828
What is #dc2828 in RGB, HSL and CMYK?
In RGB, #dc2828 is rgb(220, 40, 40), in HSL hsl(0, 72%, 51%) and in CMYK 0%, 82%, 82%, 14%. Browse more shades of red with names and hex codes.
Does #dc2828 work well for body text or background blocks?
Avoid using #dc2828 for large blocks of text or background surfaces because its high saturation quickly causes eye strain. It functions most effectively as a strategic accent color to draw attention toward critical interface elements like buttons or error states.
Which neutral colors ground the intensity of #dc2828?
Pair #dc2828 with deep charcoal or soft off-white neutrals to balance its inherent heat. Deep dark grays allow the red to pop without overwhelming the layout, while crisp whites provide enough contrast to maintain legibility for white text over red buttons.
Is #dc2828 readable on white or black?
#dc2828 has a 4.79: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.