#CFA5FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, high-chroma lilac feels playful and synthetic rather than soft. The hex code #cfa5ff works best as a vibrant accent color in UI design, as it can overwhelm large backgrounds. It maintains excellent accessibility with black text for optimal readability. Pair it with deep charcoal or slate grays to ground its sparkling intensity and prevent a washed-out appearance in your layouts.
Questions about #cfa5ff
What is #cfa5ff in RGB, HSL and CMYK?
In RGB, #cfa5ff is rgb(207, 165, 255), in HSL hsl(268, 100%, 82%) and in CMYK 19%, 35%, 0%, 0%.
How should I use #cfa5ff in a UI design?
Treat #cfa5ff as an energetic accent color rather than a primary background to avoid overwhelming your layout. It pairs effectively with deep charcoal or slate grays, which provide the necessary contrast to ground its synthetic, high-chroma appearance.
Does #cfa5ff read as a warm or cool purple?
This shade sits on the cooler side of the spectrum, leaning towards a synthetic, electric aesthetic. Because it lacks significant warmth, pairing it with neutral, dark tones prevents it from feeling too washed out or overly whimsical in professional designs.
Is #cfa5ff readable on white or black?
#cfa5ff has a 2.00:1 contrast ratio on white and 10.47: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.