#C3BCC5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy lavender sits at the edge of grey, offering a delicate, bleached appearance. Because it is highly desaturated and light, it functions best as a calm, airy background where white feels too stark. Black text stands out sharply against this shade, making it a reliable choice for UI. The hex code for this muted tone is #c3bcc5. Pair it with deep charcoal to avoid a washed-out look.
Questions about #c3bcc5
What is #c3bcc5 in RGB, HSL and CMYK?
In RGB, #c3bcc5 is rgb(195, 188, 197), in HSL hsl(287, 7%, 75%) and in CMYK 1%, 5%, 0%, 23%.
How do I use #c3bcc5 effectively in UI design?
#c3bcc5 functions best as a soft, neutral background color that keeps interfaces feeling calm and airy. Because it is light and desaturated, you should pair it with high-contrast elements, such as charcoal text or dark icons, to ensure legibility.
Does #c3bcc5 read as a warm or cool tone?
#c3bcc5 is primarily a cool-toned shade due to its strong lavender and grey base, which gives it a subtle, icy character. It provides a refreshing alternative to standard neutral greys without feeling overly warm or saturated.
Is #c3bcc5 readable on white or black?
#c3bcc5 has a 1.85:1 contrast ratio on white and 11.31: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.