#D22B5C Hex Color
A bold, saturated red with magenta heat
#d22b5c is a high-octane, saturated red with strong magenta undertones that demand attention. It works best as an accent color for calls to action or alert highlights rather than a full background. Because white text maintains a strong 5.0:1 contrast ratio against it, this hex code is an effective choice for bold UI elements that need to pop against darker, cooler palettes.
Questions about #d22b5c
What is #d22b5c in RGB, HSL and CMYK?
In RGB, #d22b5c is rgb(210, 43, 92), in HSL hsl(342, 66%, 50%) and in CMYK 0%, 80%, 56%, 18%.
Where is the best place to use #d22b5c in a layout?
#d22b5c functions best as a functional accent rather than a primary background color. Use it sparingly for call-to-action buttons, error alerts, or notification badges to ensure the vibrant magenta-red tone commands the user's attention without overwhelming the rest of the interface design.
What colors balance the intensity of #d22b5c?
Neutralize the high energy of #d22b5c by pairing it with charcoal or deep, muted grays. These dark, grounded tones let the magenta undertones of the red stand out without clashing, creating a professional palette that remains accessible while feeling bold and modern.
Is #d22b5c readable on white or black?
#d22b5c has a 4.95:1 contrast ratio on white and 4.24: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.