#CC394C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, warm red demands attention with its intense, beaming energy. It works best as a sharp accent rather than a background, making buttons or calls to action pop against neutral layouts. Because white text maintains readable contrast against this hue, it excels in high-impact UI elements. The hex code for this bold, vivid red is #cc394c.
Questions about #cc394c
What is #cc394c in RGB, HSL and CMYK?
In RGB, #cc394c is rgb(204, 57, 76), in HSL hsl(352, 59%, 51%) and in CMYK 0%, 72%, 63%, 20%.
Where should I use #cc394c in a design?
#cc394c works best as a sharp, high-impact accent color rather than a large background fill. Apply this vivid red to buttons, alert badges, or specific call-to-action elements to draw the user's eye and encourage immediate clicks.
What colors pair well with #cc394c?
Pair #cc394c with neutral tones like charcoal or off-white to keep the design balanced. When used against dark backgrounds, this red maintains high readability, provided the surrounding contrast is carefully managed to avoid visual vibration.
Is #cc394c readable on white or black?
#cc394c has a 4.93:1 contrast ratio on white and 4.25: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.