#FFCCB1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale peach feels light and airy, offering a gentle warmth that stays grounded. Because it is highly desaturated, it functions well as a background rather than a loud accent. Designers find that #ffccb1 remains readable with black text, making it a safe choice for UI surfaces. The hex code for this mellow orange is #ffccb1. Use it alongside deep, cool grays for a balanced, modern palette.
Questions about #ffccb1
What is #ffccb1 in RGB, HSL and CMYK?
In RGB, #ffccb1 is rgb(255, 204, 177), in HSL hsl(21, 100%, 85%) and in CMYK 0%, 20%, 31%, 0%.
What colors pair well with #ffccb1 for a balanced design?
#ffccb1 functions best when anchored by deep, cool neutrals like charcoal or deep navy, which prevent the peach tone from feeling too sweet. Using high-contrast dark text ensures the UI remains readable and professional while maintaining a soft, modern aesthetic.
Is #ffccb1 suitable for UI background surfaces?
#ffccb1 is an excellent choice for UI backgrounds because its high level of desaturation keeps it subtle rather than distracting. It provides enough warmth to feel inviting without overwhelming the user, effectively bridging the gap between standard white and more aggressive warm tones.
Is #ffccb1 readable on white or black?
#ffccb1 has a 1.44:1 contrast ratio on white and 14.52: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.