#CC144E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity red commands immediate attention. Because #cc144e is so dominant, it functions best as a 10% accent color rather than a large background. It pairs exceptionally well with cool, dark grays to create a sharp, high-contrast look. White text remains legible against this hue, making it a reliable choice for buttons or notification badges that need to stand out on a crowded interface.
Questions about #cc144e
What is #cc144e in RGB, HSL and CMYK?
In RGB, #cc144e is rgb(204, 20, 78), in HSL hsl(341, 82%, 44%) and in CMYK 0%, 90%, 62%, 20%.
How should #cc144e be used in user interface design?
Because #cc144e is a highly saturated, dominant hue, it performs best as a strategic 10% accent rather than a primary background color. Use it for critical notification badges or active buttons where you need to guide the user's eye instantly to a specific interaction point.
What colors pair well with #cc144e for a professional look?
This vibrant red benefits from balancing against neutral, cool-toned backgrounds to remain readable. Pairing #cc144e with charcoal or deep slate grays creates a sophisticated, high-contrast look that keeps your interface clean while allowing the intensity of the red to pop effectively.
Is #cc144e readable on white or black?
#cc144e 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.