#F690B5 Hex Color

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

Hex color #f690b5 graphic
This high-saturation bubblegum pink feels playful and youthful. Because #f690b5 is bright and light, it works best as a 10% accent color for UI elements or branding rather than a large background. It offers excellent contrast for black text, making it highly readable for small details. Pair this shade with a deep charcoal or navy to ground its sweetness and prevent it from appearing too juvenile.

Questions about #f690b5

What is #f690b5 in RGB, HSL and CMYK?
In RGB, #f690b5 is rgb(246, 144, 181), in HSL hsl(338, 85%, 76%) and in CMYK 0%, 41%, 26%, 4%. Browse more shades of pink with names and hex codes.
What color pairs best with #f690b5 to tone down its sweetness?
Ground this vibrant pink by pairing it with navy or a deep charcoal. These dark, neutral tones provide the necessary contrast to balance the youthful intensity of #f690b5, preventing the final design from looking too juvenile or cluttered.
Is #f690b5 a good choice for text on a white background?
Avoid using #f690b5 for body text on a white background because it lacks sufficient contrast for accessibility compliance. Instead, reserve this bright hue for UI buttons, small icons, or highlight elements that sit against darker, high-contrast backdrops for better visibility.
Is #f690b5 readable on white or black?
#f690b5 has a 2.19:1 contrast ratio on white and 9.57: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.