#C4ADE5 Hex Color

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

Hex color #c4ade5 graphic
This unsaturated lavender feels airy and delicate due to its high lightness value. While it serves as a soft, neutral background in web design, it risks looking washed out against pure white. The hex code for this color is #c4ade5. Pair it with deep charcoals or slate greys to create necessary contrast and ground its ethereal quality.

Questions about #c4ade5

What is #c4ade5 in RGB, HSL and CMYK?
In RGB, #c4ade5 is rgb(196, 173, 229), in HSL hsl(265, 52%, 79%) and in CMYK 14%, 24%, 0%, 10%.
What colors pair well with #c4ade5 for a balanced design?
#c4ade5 needs deep, grounded tones to prevent it from looking washed out against white backgrounds. Pair it with dark charcoal or deep slate grays to create the necessary visual weight and contrast required for modern, professional layouts.
Is #c4ade5 readable on white or black?
#c4ade5 has a 2.00:1 contrast ratio on white and 10.45: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.