#BCA4FF Hex Color

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

Hex color #bca4ff graphic
This airy lavender has a high-chroma, pastel character that feels light and fresh. Because it provides excellent contrast against black text, #bca4ff works well for UI headers or soft backgrounds. It is less intense than deeper pink tones, making it an ideal choice for modern wellness branding. Keep this color as a primary accent to avoid overwhelming your layout.

Questions about #bca4ff

What is #bca4ff in RGB, HSL and CMYK?
In RGB, #bca4ff is rgb(188, 164, 255), in HSL hsl(256, 100%, 82%) and in CMYK 26%, 36%, 0%, 0%.
What colors pair well with #bca4ff for a balanced design?
#bca4ff works best when grounded by darker, neutral tones that prevent it from looking too candy-like. Pair it with deep charcoal for text or dark navy for structural elements to maintain a sophisticated and readable visual hierarchy.
Is #bca4ff suitable for use as primary text on web pages?
#bca4ff is generally too light to serve as primary body text due to poor contrast ratios against standard white backgrounds. Use it instead for decorative accents, headings, or soft UI backgrounds where readability is not the primary requirement.
Is #bca4ff readable on white or black?
#bca4ff has a 2.12:1 contrast ratio on white and 9.89: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.