#DF6A7E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This warm, saturated red balances urgency with a mellow undertone that avoids the harshness of a primary scarlet. Because it provides sufficient contrast for small body text, #df6a7e functions well as a primary brand color or a bold UI accent. Pair this hex code with dark slate grays rather than white to prevent it from looking washed out or overly feminine.
Questions about #df6a7e
What is #df6a7e in RGB, HSL and CMYK?
In RGB, #df6a7e is rgb(223, 106, 126), in HSL hsl(350, 65%, 65%) and in CMYK 0%, 52%, 43%, 13%.
Does #df6a7e work well for UI text?
Yes, #df6a7e provides enough contrast for readable small body text, making it a reliable choice for UI designers who want to avoid the intensity of a primary scarlet. It functions best when paired with dark backgrounds, such as deep slate or charcoal, to prevent the color from appearing washed out.
What colors pair well with #df6a7e?
Because it has a warm, saturated character, #df6a7e pairs most effectively with charcoal or dark slate grays rather than pure white. This pairing grounds the warmth and adds a professional polish, keeping the palette from leaning too heavily toward a bright or overly soft aesthetic.
Is #df6a7e readable on white or black?
#df6a7e has a 3.23:1 contrast ratio on white and 6.50: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.