#FCAA6F Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #fcaa6f graphic
This pastel orange radiates a soft, sunny glow that feels youthful and optimistic. Because it pairs beautifully with deep charcoals or slate grays for high-contrast UI, #fcaa6f works best as an accent color rather than a dominant background. Its high luminosity makes it friendly for baby brands or spring marketing campaigns. The hex code for this cheerful shade is #fcaa6f.

Questions about #fcaa6f

What is #fcaa6f in RGB, HSL and CMYK?
In RGB, #fcaa6f is rgb(252, 170, 111), in HSL hsl(25, 96%, 71%) and in CMYK 0%, 33%, 56%, 1%.
How can I use #fcaa6f effectively in a website design?
#fcaa6f works best as a vibrant accent against neutral backgrounds rather than a primary fill. It creates high-contrast, readable interfaces when paired with deep charcoal or dark slate text, which helps maintain accessibility while keeping the design feeling fresh and energetic.
Does #fcaa6f lean warm or cool in a color palette?
As a high-luminosity pastel orange, #fcaa6f is distinctly warm and carries a friendly, youthful energy. This warmth makes it an excellent choice for designs that need to feel inviting or approachable without becoming overwhelming or aggressive like a saturated pure orange.
Is #fcaa6f readable on white or black?
#fcaa6f has a 1.88:1 contrast ratio on white and 11.11: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.