#F4BAFD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Not a candy pink, this pale lavender leans violet and stays soft at low saturation. The hex code #f4bafd works best as a large background or wash, where its lightness reads fresh instead of faded. Black text on it reaches strong contrast, so it suits accessible UI. Pair it with deep plum so it holds up next to brighter whites.
Questions about #f4bafd
What is #f4bafd in RGB, HSL and CMYK?
In RGB, #f4bafd is rgb(244, 186, 253), in HSL hsl(292, 94%, 86%) and in CMYK 4%, 26%, 0%, 1%.
What text color works best on #f4bafd?
Black text reads most clearly on #f4bafd, with a contrast ratio of about 13.3:1. That clears the WCAG AA requirement of 4.5:1, so small body text stays readable. White text fails badly here and should be avoided.
What colors pair well with #f4bafd?
Deep plum and navy give #f4bafd the contrast it lacks near white, making a rich two-tone palette. A muted sage or soft teal also works when you want a cooler, low-key combination.
Is #f4bafd readable on white or black?
#f4bafd has a 1.58:1 contrast ratio on white and 13.28: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.