#C4AFFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale lavender is cool, airy, and soft. Its high lightness works best for UI backgrounds or branding where a gentle touch is required. The hex code #c4afff maintains strong contrast against black, satisfying accessibility needs for small body text. Pair it with dark charcoal rather than white to prevent the color from appearing washed out or overly childlike in your final design.
Questions about #c4afff
What is #c4afff in RGB, HSL and CMYK?
In RGB, #c4afff is rgb(196, 175, 255), in HSL hsl(256, 100%, 84%) and in CMYK 23%, 31%, 0%, 0%.
What colors pair well with #c4afff for UI design?
#c4afff works best when grounded by dark, high-contrast neutrals like charcoal or deep slate rather than pure black. This pairing prevents the lavender from appearing washed out while maintaining high readability for your body text.
Is #c4afff readable on white or black?
#c4afff 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.