#CCBFC9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Puffball is a desaturated, pale magenta with a distinct ashy undertone. Because it sits between light gray and soft lavender, it provides a gentle, clean backdrop that avoids the sterile feel of pure white. This hex code #ccbfc9 performs best as a neutral base or a supporting tone. Pair it with deep charcoal or slate for sharp contrast in modern, minimal UI designs.
Questions about Puffball
What is the hex code for Puffball?
Puffball is #ccbfc9. In RGB that is rgb(204, 191, 201), in HSL hsl(314, 11%, 77%) and in CMYK 0%, 6%, 1%, 20%.
How should I use Puffball #ccbfc9 in UI design?
Puffball #ccbfc9 functions best as a sophisticated background neutral that avoids the harshness of sterile white. Pair it with deep charcoal or dark navy text to maintain readability while keeping the overall aesthetic soft, approachable, and modern.
Is #ccbfc9 considered a warm or cool color?
Puffball sits in a unique middle ground because the magenta undertone provides subtle warmth, but the ashy, desaturated quality pulls it toward a cool, neutral appearance. This ambiguity makes it a versatile bridge between cool grays and soft, organic pinks.
Is Puffball readable on white or black?
Puffball has a 1.77:1 contrast ratio on white and 11.86: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.