#D22730 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Frequently Asked Questions
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.
Does #d22730 provide good text contrast?
#d22730 pairs effectively with white text, achieving a 5.2:1 contrast ratio that meets accessibility standards for readable UI elements. This combination ensures that your call-to-action buttons remain legible while maintaining the bold, attention-grabbing quality of the red hue.