#FFCCBF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, warm pastel reads like a softer version of coral. Because #ffccbf is light and airy, it functions best as a background tone rather than a focal point. Use it to balance deep charcoal or dark slate greys in a UI layout, where the high contrast keeps text readable. The hex code #ffccbf offers a gentle, youthful alternative to harsh whites.
Questions about #ffccbf
What is #ffccbf in RGB, HSL and CMYK?
In RGB, #ffccbf is rgb(255, 204, 191), in HSL hsl(12, 100%, 87%) and in CMYK 0%, 20%, 25%, 0%.
How can I use #ffccbf effectively in UI design?
#ffccbf functions best as a soft background or accent shade to maintain high readability in user interfaces. Because it is light and airy, pairing it with high-contrast elements like charcoal or deep navy ensures your text remains accessible while keeping the overall aesthetic calm and approachable.
Does #ffccbf read as warm or cool?
This color reads distinctly warm due to its coral undertones, which feel inviting and organic rather than clinical. It provides a more youthful, friendly alternative to sterile whites or cold greys, making it a great choice for wellness, lifestyle, or modern brand identities.
Is #ffccbf readable on white or black?
#ffccbf has a 1.43:1 contrast ratio on white and 14.64: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.