#CD104D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A powerful, high-chroma red, #cd104d commands attention with its intense, saturated pigment. This color feels aggressive and urgent, making it ideal for impactful UI accents like error states or primary call-to-action buttons. Because it carries so much visual weight, use it sparingly as a 10% accent rather than a full background. It pairs exceptionally well with charcoal grays for a balanced, modern look.
Questions about #cd104d
What is #cd104d in RGB, HSL and CMYK?
In RGB, #cd104d is rgb(205, 16, 77), in HSL hsl(341, 86%, 43%) and in CMYK 0%, 92%, 62%, 20%. Browse more shades of red with names and hex codes.
Where should I use the #cd104d hex color in my interface?
Use #cd104d primarily for high-urgency UI elements like error states, critical call-to-action buttons, or validation alerts. Because of its intense, high-chroma nature, it effectively draws the eye without needing large surface areas, making it ideal for a ten-percent accent.
What colors pair well with #cd104d?
The most balanced results come from pairing #cd104d with deep charcoal or soft neutral grays. These darker, muted tones provide necessary visual grounding that prevents the high intensity of this red from overwhelming the rest of your layout.
Is #cd104d readable on white or black?
#cd104d has a 5.55:1 contrast ratio on white and 3.77: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.