#BA87EE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, luminous purple commands attention with a high-energy intensity. Because it is so saturated, #ba87ee acts best as a bold accent or highlight rather than a large-scale background. It pairs cleanly with charcoal grays for a modern tech aesthetic. With a 7.8:1 contrast ratio against black text, it offers excellent readability for UI buttons and CTA elements. The hex code for this vivid shade is #ba87ee.
Questions about #ba87ee
What is #ba87ee in RGB, HSL and CMYK?
In RGB, #ba87ee is rgb(186, 135, 238), in HSL hsl(270, 75%, 73%) and in CMYK 22%, 43%, 0%, 7%.
Where should I use #ba87ee in a professional UI design?
#ba87ee works best as a focused accent color for call-to-action buttons or interface highlights that need to pop against neutral backgrounds. Avoid using it for large text blocks, as its high saturation can cause eye strain over long periods.
What colors pair well with #ba87ee for a balanced palette?
This luminous purple creates a modern, tech-focused aesthetic when paired with charcoal or deep slate grays. For a more playful or energetic interface, consider using it alongside a clean, crisp white or a very muted, soft neutral.
Is #ba87ee readable on white or black?
#ba87ee has a 2.69:1 contrast ratio on white and 7.78:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.