#D34A6A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, warm red commands attention with high intensity. Because it is so loud, #d34a6a works best as an accent color for calls to action or UI highlights rather than a large background. Pair this hex code with a dark, neutral charcoal to tone down the aggression. It remains readable for small text, but be cautious with usage as it easily overwhelms softer palettes.
Questions about #d34a6a
What is #d34a6a in RGB, HSL and CMYK?
In RGB, #d34a6a is rgb(211, 74, 106), in HSL hsl(346, 61%, 56%) and in CMYK 0%, 65%, 50%, 17%.
Where should I use #d34a6a in my design project?
#d34a6a acts as a high-energy accent that commands attention, making it ideal for buttons, alert states, or specific UI highlights. Because of its intensity, avoid using it as a primary background color to prevent visual fatigue.
What colors pair well with #d34a6a?
Pair #d34a6a with a deep charcoal or dark gray to ground its warmth and improve overall readability. If you need a more balanced palette, incorporate soft, neutral tones to tone down the aggression of this saturated red.
Is #d34a6a readable on white or black?
#d34a6a has a 4.23:1 contrast ratio on white and 4.95: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.