#FFAFBE Hex Color

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

Hex color #ffafbe graphic
#ffafbe is a light, unsaturated reddish-pink that leans heavily into a pastel aesthetic. Its approachable warmth makes it a reliable choice for soft UI backgrounds, especially when paired with charcoal or dark navy text for high readability. While it carries a youthful energy, use it sparingly as an accent color to avoid overwhelming a design. The hex code for this shade is #ffafbe.

Questions about #ffafbe

What is #ffafbe in RGB, HSL and CMYK?
In RGB, #ffafbe is rgb(255, 175, 190), in HSL hsl(349, 100%, 84%) and in CMYK 0%, 31%, 25%, 0%.
What colors pair best with #ffafbe for UI design?
Because #ffafbe is a soft pastel, it performs best when paired with high-contrast neutrals like charcoal or deep navy. These dark colors provide the necessary readability for text while maintaining the gentle, approachable aesthetic of the pink background.
Is #ffafbe suitable for text on a white background?
No, #ffafbe is too light to be used as a primary text color against a standard white background, as it fails basic web accessibility contrast ratios. It is strictly recommended for use as a background color, accent, or decorative element.
Is #ffafbe readable on white or black?
#ffafbe has a 1.73:1 contrast ratio on white and 12.12: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.