#FFCBAD Hex Color
A gentle and mellow unsaturated apricot
This pale, unsaturated orange brings a gentle warmth to user interfaces. Because it is light and mellow, it works well as a background for clean, modern layouts. Black text provides excellent readability against this shade, ensuring your design remains accessible. The hex code for this soft tone is #ffcbad. Pair it with deep charcoal or slate blue to ground its lightness and prevent a washed-out appearance.
Questions about #ffcbad
What is #ffcbad in RGB, HSL and CMYK?
In RGB, #ffcbad is rgb(255, 203, 173), in HSL hsl(22, 100%, 84%) and in CMYK 0%, 20%, 32%, 0%.
How does #ffcbad function in UI design?
This pale orange works best as a background color for interfaces that require a welcoming and calm atmosphere. Its unsaturated nature keeps the visual weight low, ensuring that foreground elements like buttons or dark text remain the primary focus.
Is #ffcbad readable on white or black?
#ffcbad has a 1.45:1 contrast ratio on white and 14.39: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.