#D31D55 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated pink-red demands immediate attention. Because #d31d55 is so loud and aggressive, it functions best as a small accent color rather than a background. Use it sparingly in high-stakes UI elements like call-to-action buttons or warning indicators. White text remains perfectly legible against the hex code #d31d55, allowing for high-contrast, readable messaging in sports or emergency branding.
Questions about #d31d55
What is #d31d55 in RGB, HSL and CMYK?
In RGB, #d31d55 is rgb(211, 29, 85), in HSL hsl(342, 76%, 47%) and in CMYK 0%, 86%, 60%, 17%.
When should I use #d31d55 in a user interface?
Reserve #d31d55 for critical high-stakes elements like error messages, warning indicators, or primary call-to-action buttons. Because this shade is visually demanding, using it sparingly ensures it draws the eye exactly where you need it without overwhelming the overall page design.
Is #d31d55 readable on white or black?
#d31d55 has a 5.15:1 contrast ratio on white and 4.07:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.