#C3AFFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, airy purple sits on the cool side of the spectrum. Because #c3afff is quite desaturated and light, it works best as a soft, secondary accent rather than a primary background color, where it can easily feel washed out. Pair it with deep charcoal or matte black to take advantage of the high contrast. This hex code adds a touch of modern, playful elegance to UI designs.
Questions about #c3afff
What is #c3afff in RGB, HSL and CMYK?
In RGB, #c3afff is rgb(195, 175, 255), in HSL hsl(255, 100%, 84%) and in CMYK 24%, 31%, 0%, 0%.
What is the best way to use #c3afff in UI design?
Because #c3afff is a light, desaturated shade, use it primarily for secondary accents or subtle UI highlights rather than large backgrounds. It performs best when paired with deep charcoal or matte black text to create necessary contrast.
Does #c3afff read as a warm or cool color?
This hex color sits firmly on the cool side of the spectrum due to its blue undertones, which give it an airy and ethereal quality. It lacks the pink or red warmth found in deeper magentas, keeping the overall look clean and professional.
Is #c3afff readable on white or black?
#c3afff has a 1.92:1 contrast ratio on white and 10.89: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.