#C5CDF8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely light, cool periwinkle offers a serene alternative to standard neutrals. Because it is highly unsaturated, the hex code #c5cdf8 works well as a background color that keeps interface text readable and crisp. It creates a modern, airy feel when paired with deep charcoal or warm slate gray. Use it in UI design where you need soft structure without the harshness of white.
Questions about #c5cdf8
What is #c5cdf8 in RGB, HSL and CMYK?
In RGB, #c5cdf8 is rgb(197, 205, 248), in HSL hsl(231, 78%, 87%) and in CMYK 21%, 17%, 0%, 3%.
How should I use #c5cdf8 in interface design?
#c5cdf8 functions as an excellent, non-distracting background color that keeps your interface feeling open and light. It pairs beautifully with charcoal for text or dark accents, providing a professional, high-contrast look that avoids the harshness of a pure white background.
Does #c5cdf8 read as a warm or cool color?
#c5cdf8 is distinctly cool, carrying a clear periwinkle undertone that leans toward blue rather than violet. This makes it ideal for calming visual environments, though you should balance it with warmer neutrals like taupe if you want to prevent a sterile or overly clinical feel.
Is #c5cdf8 readable on white or black?
#c5cdf8 has a 1.55:1 contrast ratio on white and 13.46: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.