#F5CCA2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, muted apricot shade offers a gentle warmth without overwhelming the senses. Because it is highly unsaturated, #f5cca2 works best as a supporting background tone rather than a primary focus. Pair it with deep charcoal or slate blue to create necessary contrast. This hex code provides excellent readability for small black text, making it a functional choice for clean, minimal UI designs.
Questions about #f5cca2
What is #f5cca2 in RGB, HSL and CMYK?
In RGB, #f5cca2 is rgb(245, 204, 162), in HSL hsl(30, 81%, 80%) and in CMYK 0%, 17%, 34%, 4%.
What colors pair best with #f5cca2 in a design?
This muted apricot works exceptionally well when balanced against high-contrast, cool neutrals like charcoal or deep slate blue. These dark colors provide the necessary visual anchor, preventing the soft warmth of #f5cca2 from appearing washed out on screens.
Is #f5cca2 suitable for user interface backgrounds?
Yes, because #f5cca2 is highly unsaturated and sits in a neutral-adjacent range, it is an excellent choice for background surfaces. It offers more character than standard off-white or light gray while remaining subtle enough to maintain high accessibility for black text.
Is #f5cca2 readable on white or black?
#f5cca2 has a 1.49:1 contrast ratio on white and 14.04: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.