#FFCCD8 Hex Color

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

Hex color #ffccd8 graphic
This extremely light, unsaturated pink offers a soft, mellow presence that works well for branding or delicate UI accents. Because it is so pale, black text provides excellent readability against it with a 14.9:1 contrast ratio. Designers often use #ffccd8 as a supporting background rather than a main focus, as it can feel washed out when used in large, empty spaces. The hex code for this color is #ffccd8.

Questions about #ffccd8

What is #ffccd8 in RGB, HSL and CMYK?
In RGB, #ffccd8 is rgb(255, 204, 216), in HSL hsl(346, 100%, 90%) and in CMYK 0%, 20%, 15%, 0%.
What colors pair well with #ffccd8 for a balanced palette?
Because #ffccd8 is so pale and unsaturated, it pairs effectively with deep neutrals like charcoal or navy to anchor the design. For a softer approach, combine it with a muted sage green or a dusty lavender to maintain a gentle, cohesive aesthetic.
Is #ffccd8 a warm or cool shade of pink?
#ffccd8 leans toward a warm, delicate pink because of its subtle peach-like undertones. While it appears nearly neutral due to its high lightness and low saturation, the slight warmth prevents it from feeling clinical or cold against white or light gray backgrounds.
Is #ffccd8 readable on white or black?
#ffccd8 has a 1.41:1 contrast ratio on white and 14.88: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.