#CC6299 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, mellow pink balances warmth with a distinct playful quality. Because it offers strong contrast against black text, #cc6299 works well for buttons or highlight elements in fashion and cosmetic branding. While it makes a bold background choice, it shines brightest as an accent color paired with deep charcoal or slate greys. The hex code for this shade is #cc6299.
Questions about #cc6299
What is #cc6299 in RGB, HSL and CMYK?
In RGB, #cc6299 is rgb(204, 98, 153), in HSL hsl(329, 51%, 59%) and in CMYK 0%, 52%, 25%, 20%.
Does #cc6299 work well for UI design?
#cc6299 serves as a highly effective accent color in interface design, particularly when used for call-to-action buttons or highlights. Because of its saturation, it maintains strong legibility against dark backgrounds, such as charcoal, though it may require careful testing against white text.
What colors pair naturally with #cc6299?
This pink functions best when grounded by neutral, cooler tones that prevent the palette from feeling too overwhelming. Combining #cc6299 with slate or deep grey provides a professional, modern balance, while pairing it with soft creams can create a more feminine and gentle aesthetic.
Is #cc6299 readable on white or black?
#cc6299 has a 3.63:1 contrast ratio on white and 5.77:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.