#D22730 Hex Color
An urgent and highly energetic saturated red
#d22730 is a saturated, intense red that demands attention. Because of its visual weight, use this hex code sparingly as a 10% accent for calls to action rather than large backgrounds. It pairs well with white text, which maintains a clear 5.2:1 contrast ratio for UI legibility. Keep this color for elements that require urgent user focus instead of broad layouts.
Questions about #d22730
What is #d22730 in RGB, HSL and CMYK?
In RGB, #d22730 is rgb(210, 39, 48), in HSL hsl(357, 69%, 49%) and in CMYK 0%, 81%, 77%, 18%.
Where should I use #d22730 in a design layout?
#d22730 is best used sparingly as a high-impact accent color for elements requiring urgent user focus, such as primary buttons, alert notifications, or validation error states. Because of its visual weight, avoid applying it to large backgrounds or expansive text blocks.
Is #d22730 readable on white or black?
#d22730 has a 5.15:1 contrast ratio on white and 4.07: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.