#DE324C Hex Color
An intense, high-energy vibrant red
This saturated red demands attention with its intense, high-energy presence. Because of its raw power, #de324c works best as a sharp accent rather than a full background. Pair it with soft, muted grays to ground the intensity without fighting for dominance. The hex code is #de324c, a standout option for bold buttons or urgent call-to-action elements where readability matters.
Questions about #de324c
What is #de324c in RGB, HSL and CMYK?
In RGB, #de324c is rgb(222, 50, 76), in HSL hsl(351, 72%, 53%) and in CMYK 0%, 77%, 66%, 13%.
How should I use #de324c in a website UI?
#de324c is best utilized as a tactical accent for primary buttons or error alerts where you need to draw immediate user attention. Because of its intensity, it can easily overwhelm a layout if used for background sections or large text blocks.
What colors pair well with #de324c?
This vibrant red is balanced by grounding it with neutral tones like charcoal or cool, soft grays. To create a modern, high-contrast look, pair it with muted, desaturated tones that allow the energy of #de324c to pop without causing visual fatigue.
Is #de324c readable on white or black?
#de324c has a 4.50:1 contrast ratio on white and 4.66: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 for body text. Try other pairs in the contrast checker.