#CC0530 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated and intense red, #cc0530 delivers immediate impact. Designers should reserve this bold shade for small UI accents or call-to-action buttons, as its intensity overwhelms larger surfaces. White text stands out sharply against this background with a 5.8:1 contrast ratio. When designing, pair this hex code with muted charcoals or deep grays to anchor the visual weight and keep the composition grounded.
Questions about #cc0530
What is #cc0530 in RGB, HSL and CMYK?
In RGB, #cc0530 is rgb(204, 5, 48), in HSL hsl(347, 95%, 41%) and in CMYK 0%, 98%, 76%, 20%.
How can I effectively use #cc0530 in UI design?
Reserve #cc0530 strictly for small, high-priority interactive elements like call-to-action buttons or notification badges. Because this red carries intense visual weight, using it on large backgrounds often causes eye strain and overwhelms the user interface hierarchy.
What colors pair well with the intensity of #cc0530?
To ground this vibrant red, pair it with charcoal or deep, neutral grays that provide visual stability. These low-saturation tones balance the high-energy nature of the red, preventing the design from feeling chaotic while maintaining a professional look.
Is #cc0530 readable on white or black?
#cc0530 has a 5.78:1 contrast ratio on white and 3.63: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.