#FFCCDF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated pink offers a mellow warmth perfect for soft interfaces and delicate branding. Because of its lightness, #ffccdf works well as a base color that pairs unexpectedly well with deep charcoal or slate gray text to maintain legibility. While it serves as a gentle background, use it sparingly in large blocks to keep the design from feeling overly washed out.
Questions about #ffccdf
What is #ffccdf in RGB, HSL and CMYK?
In RGB, #ffccdf is rgb(255, 204, 223), in HSL hsl(338, 100%, 90%) and in CMYK 0%, 20%, 13%, 0%.
Is #ffccdf suitable for primary interface backgrounds?
This color works best as a subtle background tint rather than a main UI element because of its high lightness value. Ensure you test it against your primary text color to maintain accessibility standards for all users.
Is #ffccdf readable on white or black?
#ffccdf has a 1.40:1 contrast ratio on white and 14.95: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.