#D34A24 Hex Color
Bold and energetic saturated reddish-orange
#d34a24 is an intense, saturated reddish-orange that demands immediate attention. Because of its high energy, it works best as a sharp accent rather than a full background. Pair this hex code with dark charcoal or off-white to balance its brightness. It maintains enough contrast for black text, making it a reliable choice for buttons or notification highlights in UI design.
Questions about #d34a24
What is #d34a24 in RGB, HSL and CMYK?
In RGB, #d34a24 is rgb(211, 74, 36), in HSL hsl(13, 71%, 48%) and in CMYK 0%, 65%, 83%, 17%.
How should I use #d34a24 in my UI design?
#d34a24 is best reserved for high-impact elements like primary call-to-action buttons, error alerts, or notification badges. Because it is highly saturated, avoid using it for large backgrounds or body text to keep the interface comfortable for your users.
What colors pair well with #d34a24?
This vibrant reddish-orange balances effectively against neutral tones like charcoal or deep slate, which anchor its intensity. For a cleaner look, use a crisp off-white or light cream to allow the warmth of #d34a24 to pop without overwhelming the layout.
Is #d34a24 readable on white or black?
#d34a24 has a 4.39:1 contrast ratio on white and 4.77:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.