#F0CCB0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel apricot shade is highly desaturated, offering a mellow and warm alternative to standard neutrals. Because it remains legible against black text, the hex code #f0ccb0 functions well as a soft, approachable UI background. Use it sparingly, as this tone can appear washed out if paired with white. It looks best alongside rich, deep teals or charcoal grays for a balanced, modern composition.
Questions about #f0ccb0
What is #f0ccb0 in RGB, HSL and CMYK?
In RGB, #f0ccb0 is rgb(240, 204, 176), in HSL hsl(26, 68%, 82%) and in CMYK 0%, 15%, 27%, 6%.
What colors pair best with #f0ccb0?
Is #f0ccb0 a good choice for UI backgrounds?
Yes, #f0ccb0 works well as a soft, approachable background because it remains legible with black text, unlike many brighter pastels. Use it sparingly in your interface design, as it provides warmth without overpowering the primary content or navigation elements.
Is #f0ccb0 readable on white or black?
#f0ccb0 has a 1.50:1 contrast ratio on white and 13.96: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.