#D01E4D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated pink-red commands immediate attention with its intense, beaming energy. Because #d01e4d is so loud, use it sparingly as an accent color for calls to action or urgent UI alerts rather than large backgrounds. It pairs surprisingly well with deep charcoal grays to ground its ferocity. The hex code #d01e4d maintains sufficient contrast for small white body text to remain readable.
Questions about #d01e4d
What is #d01e4d in RGB, HSL and CMYK?
In RGB, #d01e4d is rgb(208, 30, 77), in HSL hsl(344, 75%, 47%) and in CMYK 0%, 86%, 63%, 18%.
Where should I use #d01e4d in a design system?
#d01e4d functions best as a high-impact accent color for conversion-focused UI elements like buttons or notification banners. Because it demands immediate attention, avoid using it for large background areas or body text, as it can quickly overwhelm the viewer.
What colors pair well with #d01e4d?
This saturated hue pairs effectively with deep, neutral charcoal grays, which help ground its ferocity without competing for attention. Using muted, desaturated tones alongside it creates a balanced hierarchy where the pink-red can serve as a deliberate focal point.
Is #d01e4d readable on white or black?
#d01e4d has a 5.28:1 contrast ratio on white and 3.97: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.