#D74A49 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A bold and saturated red, #d74a49 demands immediate attention with its intense, warm character. It functions best as an accent color for calls to action or UI highlights rather than a large background fill. Black text maintains high readability over this shade, comfortably exceeding WCAG AA standards. Pair this hex code with muted greys or charcoal to temper its high-energy presence.
Questions about #d74a49
What is #d74a49 in RGB, HSL and CMYK?
In RGB, #d74a49 is rgb(215, 74, 73), in HSL hsl(0, 64%, 56%) and in CMYK 0%, 66%, 66%, 16%.
How should I use #d74a49 in a UI design?
Use #d74a49 primarily as a high-impact accent for call-to-action buttons or small UI highlights rather than large background areas. Its high energy can overwhelm a layout, so balancing it with neutral tones like charcoal keeps your design readable and professional.
Is #d74a49 readable on white or black?
#d74a49 has a 4.22:1 contrast ratio on white and 4.96: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.