#BA00CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ba00cc is a loud, highly saturated violet that demands attention. Because of its extreme intensity, it works best as a small accent color for calls to action rather than a background. Use white text over this shade for a clean 5.3:1 contrast ratio. It pairs unexpectedly well with deep charcoal grays to ground its electrifying, flamboyant energy. The hex code for this color is #ba00cc.
Questions about #ba00cc
What is #ba00cc in RGB, HSL and CMYK?
In RGB, #ba00cc is rgb(186, 0, 204), in HSL hsl(295, 100%, 40%) and in CMYK 9%, 100%, 0%, 20%.
How can I use #ba00cc effectively in interface design?
#ba00cc functions best as an attention-grabbing accent color rather than a primary background shade. Its intense saturation makes it ideal for call-to-action buttons or highlighted navigation items that need to stand out against neutral, dark interfaces.
What colors pair well with #ba00cc for a balanced palette?
This vibrant violet pairs unexpectedly well with deep charcoal grays to ground its electrifying energy. To maintain readability and visual balance, always ensure sufficient contrast, as this shade can become visually overwhelming if not anchored by darker, muted tones.
Is #ba00cc readable on white or black?
#ba00cc has a 5.30:1 contrast ratio on white and 3.95: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.