#FFCCB4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A pale, unsaturated peach with warm undertones, #ffccb4 offers a mellow alternative to standard oranges. This shade feels approachable and gentle, making it a reliable choice for soft backgrounds in baby products or spring-themed branding. Because it provides high contrast with black text, it works well for readable UI design. Pair it with charcoal gray for a modern, sophisticated look that feels grounded rather than washed out.
Questions about #ffccb4
What is #ffccb4 in RGB, HSL and CMYK?
In RGB, #ffccb4 is rgb(255, 204, 180), in HSL hsl(19, 100%, 85%) and in CMYK 0%, 20%, 29%, 0%. Browse more shades of orange with names and hex codes.
What design combinations work best with #ffccb4?
#ffccb4 functions best when paired with charcoal or deep, muted blues to ground its lightness. Because the color is inherently soft and unsaturated, adding a darker, high-contrast element prevents the design from feeling washed out or difficult to read.
Is #ffccb4 suitable for interface design?
#ffccb4 serves as an excellent background choice for user interfaces that require a friendly, approachable aesthetic. While it provides enough contrast for black text, always test against WCAG guidelines if you plan to use it as a primary button or text color.
Is #ffccb4 readable on white or black?
#ffccb4 has a 1.44:1 contrast ratio on white and 14.54: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.