#FFC2AA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, pastel orange feels approachable and lighthearted. Because #ffc2aa maintains enough contrast with black text, it works well for UI backgrounds and playful branding. It pairs nicely with deep charcoal grays to ground its airy quality. Designers often use this shade in youth-focused marketing or spring palettes to evoke a sense of optimism without appearing overly aggressive or neon. The hex code for this color is #ffc2aa.
Questions about #ffc2aa
What is #ffc2aa in RGB, HSL and CMYK?
In RGB, #ffc2aa is rgb(255, 194, 170), in HSL hsl(17, 100%, 83%) and in CMYK 0%, 24%, 33%, 0%.
How should I use #ffc2aa in web design?
This light, unsaturated orange works best as a background color for interfaces needing a friendly, optimistic feel. Because it maintains strong legibility, pair it with charcoal or deep navy text to ground its airy quality while keeping the UI accessible.
Which color combinations work best with #ffc2aa?
To create balanced palettes, pair #ffc2aa with muted earth tones or cool neutrals like slate to counteract its warmth. If you prefer higher contrast, using a deep forest green creates a sophisticated, nature-inspired aesthetic suitable for spring-themed branding projects.
Is #ffc2aa readable on white or black?
#ffc2aa has a 1.54:1 contrast ratio on white and 13.54: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.