#C1C6F5 Hex Color

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

Hex color #c1c6f5 graphic
This dusty, unsaturated indigo feels ethereal and lightweight. Because it is highly desaturated, #c1c6f5 works best as a neutral backdrop for spring palettes or children’s branding. It provides enough contrast to support small black body text, making it a functional choice for UI design. Pair this cool tone with warm grays to keep the composition from feeling too flat.

Questions about #c1c6f5

What is #c1c6f5 in RGB, HSL and CMYK?
In RGB, #c1c6f5 is rgb(193, 198, 245), in HSL hsl(234, 72%, 86%) and in CMYK 21%, 19%, 0%, 4%.
How does #c1c6f5 perform in UI design layouts?
#c1c6f5 functions effectively as a neutral background, offering enough contrast to support small black text while maintaining a soft, clean aesthetic. Its desaturated nature prevents it from overpowering more vibrant UI elements like buttons or primary action links.
What colors pair best with the indigo tone of #c1c6f5?
Pair #c1c6f5 with warm neutrals like warm gray or taupe to keep your composition from feeling too flat or overly sterile. For stronger visual interest, deeper accents like charcoal provide the necessary balance against its lightness.
Is #c1c6f5 readable on white or black?
#c1c6f5 has a 1.65:1 contrast ratio on white and 12.66: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.