#CCBAFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated violet carries a fresh and ethereal quality. Because #ccbaff is highly readable with black text, it functions well as a soft UI background for modern, clean interfaces. Avoid pairing it with stark white, as it can appear washed out. Instead, ground this hex code with deep charcoals or slate grays to maintain contrast and visual structure in your designs.
Questions about #ccbaff
What is #ccbaff in RGB, HSL and CMYK?
In RGB, #ccbaff is rgb(204, 186, 255), in HSL hsl(256, 100%, 86%) and in CMYK 20%, 27%, 0%, 0%.
What colors pair well with #ccbaff for a balanced palette?
This pale violet works best when grounded by dark, neutral tones like charcoal or deep slate, which provide the necessary structure it lacks. Avoid pairing #ccbaff with stark white, as the lack of contrast makes the violet appear washed out and indistinct.
Is #ccbaff readable on white or black?
#ccbaff has a 1.74:1 contrast ratio on white and 12.03: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.