#BA5CE0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Loud, vivid violet with a cool blue undertone. This purple hits hardest at small sizes, so treat it as a 10% accent for buttons, highlights, and gaming or confectionery branding rather than a full background. Black text stays readable on it at about 5.7:1, enough for WCAG AA body copy. Its hex code is #ba5ce0, and it pairs well with olive or warm sand, or can be muted by mixing gray into nearby tints.
Questions about #ba5ce0
What is #ba5ce0 in RGB, HSL and CMYK?
In RGB, #ba5ce0 is rgb(186, 92, 224), in HSL hsl(283, 68%, 62%) and in CMYK 17%, 59%, 0%, 12%.
Does black or white text read better on #ba5ce0?
Black text. At about 5.7:1 contrast, #ba5ce0 passes WCAG AA for small body copy, while white text falls short at roughly 3.6:1. Reserve white type for large headings only.
What colors pair well with #ba5ce0?
Olive, warm sand, and charcoal balance its intensity. For a bolder scheme, a deep teal or golden yellow creates contrast that makes the purple glow without clashing.
Is #ba5ce0 readable on white or black?
#ba5ce0 has a 3.68:1 contrast ratio on white and 5.69: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.