#CFABFF Hex Color

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

Hex color #cfabff graphic
This bright, cool-toned violet carries a distinctly airy, pastel quality. Because of its high lightness, #cfabff works effectively as a gentle, secondary accent rather than a dominant background, where it can easily appear washed out. Pair it with deep charcoal or matte black text for maximum readability, as this combination offers the high contrast necessary for clean, modern interface design.

Questions about #cfabff

What is #cfabff in RGB, HSL and CMYK?
In RGB, #cfabff is rgb(207, 171, 255), in HSL hsl(266, 100%, 84%) and in CMYK 19%, 33%, 0%, 0%.
How should I use #cfabff in web design interfaces?
#cfabff serves best as a subtle UI accent rather than a primary background because of its high luminosity. Pair this light violet with charcoal or deep matte black typography to ensure the text remains legible against the pastel backdrop.
Does #cfabff read as a warm or cool color?
This shade reads distinctly cool because it leans toward blue-violet rather than red-violet. Its airy, pastel quality makes it a popular choice for calming, wellness-oriented design systems that require a gentle visual touch without appearing overly saturated or aggressive.
Is #cfabff readable on white or black?
#cfabff has a 1.92:1 contrast ratio on white and 10.92: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.