#C472EA Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #c472ea graphic
This bright, saturated violet commands attention with high intensity. Because it leans cool, #c472ea works best as a 10% accent rather than a dominant background color. It pairs surprisingly well with deep forest greens or matte charcoals to ground its energy. Designers often use this shade for call-to-action buttons or highlights where high readability is required, as black text remains sharp and legible against it.

Questions about #c472ea

What is #c472ea in RGB, HSL and CMYK?
In RGB, #c472ea is rgb(196, 114, 234), in HSL hsl(281, 74%, 68%) and in CMYK 16%, 51%, 0%, 8%.
How should I use #c472ea effectively in UI design?
Use #c472ea primarily as a high-contrast accent color for buttons or key navigational elements to draw immediate attention. Because of its high saturation and cool undertones, it can overwhelm a layout if applied to large background areas or body text.
What colors pair well with #c472ea?
Deep, matte neutrals like charcoal or very dark slate work exceptionally well to ground the intensity of #c472ea. For a more sophisticated palette, pairing this violet with a deep forest green creates a balanced and professional contrast.
Is #c472ea readable on white or black?
#c472ea has a 3.02:1 contrast ratio on white and 6.94: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.