#F0BAE2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, airy magenta reads as a youthful and modern pastel. Because it is highly unsaturated, #f0bae2 works best as a soft, harmonious background color that avoids overpowering stronger design elements. It pairs surprisingly well with deep charcoal grays to create a sophisticated, modern contrast. The hex code for this shade is #f0bae2, which supports readable black text for your UI designs.
Questions about #f0bae2
What is #f0bae2 in RGB, HSL and CMYK?
In RGB, #f0bae2 is rgb(240, 186, 226), in HSL hsl(316, 64%, 84%) and in CMYK 0%, 23%, 6%, 6%.
What colors work best with #f0bae2 in a design palette?
#f0bae2 functions as a soft, unsaturated pastel that benefits from grounding elements to avoid looking too candy-like. It pairs exceptionally well with charcoal or deep slate tones for sophisticated contrast, or with muted sage greens for a balanced, nature-inspired aesthetic.
Is #f0bae2 readable on white or black?
#f0bae2 has a 1.63:1 contrast ratio on white and 12.82: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.