#D50F3F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity red demands attention immediately. Because #d50f3f is so aggressive, it works best as a 10% accent color for calls to action rather than a dominant background. It creates a crisp, legible contrast against white, meeting accessibility standards for small body text. Use this hex code sparingly in UI design to highlight critical alerts or urgent sale buttons without overwhelming your user.
Questions about #d50f3f
What is #d50f3f in RGB, HSL and CMYK?
In RGB, #d50f3f is rgb(213, 15, 63), in HSL hsl(345, 87%, 45%) and in CMYK 0%, 93%, 70%, 16%.
Where should I use #d50f3f in my designs?
#d50f3f serves best as a high-contrast accent color for elements demanding immediate user attention, such as critical alert icons or urgent primary buttons. Because it is so saturated, avoid using it for large background areas or body text.
What colors pair well with #d50f3f?
This aggressive red works effectively against neutral backdrops like off-white or soft charcoal to maintain accessibility standards. Pair it with muted tones to ensure your design remains legible while allowing this specific red to function as the focal point.
Is #d50f3f readable on white or black?
#d50f3f has a 5.29:1 contrast ratio on white and 3.96: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.