#CD213C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red commands attention immediately. Because #cd213c carries high visual weight, it works best as a punchy accent rather than a full background. Pair it with soft, muted grays to balance its aggression in UI design. White text remains perfectly legible against this shade, making it a reliable choice for buttons or notification badges that require high visibility.
Questions about #cd213c
What is #cd213c in RGB, HSL and CMYK?
In RGB, #cd213c is rgb(205, 33, 60), in HSL hsl(351, 72%, 47%) and in CMYK 0%, 84%, 71%, 20%.
How should I balance the intensity of #cd213c in my design?
Since #cd213c is highly saturated and carries significant visual weight, use it sparingly as an accent rather than a primary background color. Pairing it with muted tones like slate or cool grays helps ground the color and prevents it from overwhelming your interface.
Is #cd213c a good choice for text on websites?
#cd213c is generally too aggressive and vibrant for long-form body text, which can cause significant eye strain. It works most effectively for interactive elements like buttons, error states, or warning badges where you need to guide the user's attention quickly.
Is #cd213c readable on white or black?
#cd213c has a 5.41:1 contrast ratio on white and 3.87: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.