#FFBFF0 Hex Color

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

Hex color #ffbff0 graphic
Pale and airy, #ffbff0 is a desaturated magenta that leans into sweetness. It works best as a soft background rather than a dominant color, which keeps designs from feeling washed out. This hex code provides 14.0:1 contrast against black text, making it a highly readable choice for UI elements. Pair it with deep charcoal to ground the lightness.

Questions about #ffbff0

What is #ffbff0 in RGB, HSL and CMYK?
In RGB, #ffbff0 is rgb(255, 191, 240), in HSL hsl(314, 100%, 87%) and in CMYK 0%, 25%, 6%, 0%.
What colors pair best with #ffbff0 for a balanced design?
#ffbff0 works effectively when grounded by deep neutrals like charcoal or navy. Because this pink is so light and airy, these darker tones prevent the design from feeling washed out and provide the necessary visual weight for text.
Is #ffbff0 suitable for text-heavy UI designs?
Yes, #ffbff0 is an excellent choice for UI backgrounds because it provides a strong 14.0:1 contrast ratio against black text. This makes it highly readable for websites or applications that need a soft, inviting aesthetic without sacrificing accessibility standards.
Is #ffbff0 readable on white or black?
#ffbff0 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.