#FFCCD3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated pink is warm and mellow, feeling more approachable than aggressive red. Because it is highly tinted, #ffccd3 functions best as a base for modern, youthful designs rather than a primary accent. Pair it with charcoal or deep navy text to ensure high contrast, as black text reads clearly on this background. The hex code for this soft shade is #ffccd3.
Questions about #ffccd3
What is #ffccd3 in RGB, HSL and CMYK?
In RGB, #ffccd3 is rgb(255, 204, 211), in HSL hsl(352, 100%, 90%) and in CMYK 0%, 20%, 17%, 0%.
Where should I use this pale pink in my UI designs?
Use #ffccd3 as a subtle background for modern, youthful brand interfaces rather than a primary button or accent color. It creates a friendly, welcoming mood, but it lacks the saturation needed to stand out as an effective call-to-action button color.
Is #ffccd3 readable on white or black?
#ffccd3 has a 1.41:1 contrast ratio on white and 14.82: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.