#C556EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated violet commands immediate attention. Its high chroma makes it difficult to use as a full background, but it shines as a bold accent for UI highlights or creative branding. Pair #c556ea with dark grays or deep blues for a balanced look. The hex code is #c556ea, which provides enough contrast for black text to remain legible for small body copy.
Questions about #c556ea
What is #c556ea in RGB, HSL and CMYK?
In RGB, #c556ea is rgb(197, 86, 234), in HSL hsl(285, 78%, 63%) and in CMYK 16%, 63%, 0%, 8%.
What is the best way to use #c556ea in UI design?
Because #c556ea is so highly saturated, it works best as a surgical accent color for primary buttons or link states rather than as a background. Pair it with a deep charcoal or dark navy to ground the intensity and prevent it from vibrating against the eyes.
Is #c556ea considered a warm or cool violet?
This color leans toward a cool, electric violet because of its high blue-tinted undertone. While it feels energetic, it maintains a sharper, more clinical presence compared to warmer, reddish-purple shades, making it ideal for tech-focused branding that needs a punch of digital-first personality.
Is #c556ea readable on white or black?
#c556ea has a 3.56:1 contrast ratio on white and 5.89: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.