#F687B2 Hex Color

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

Hex color #f687b2 graphic
#f687b2 is a glowing pink with high saturation and plenty of lightness, which gives it a sweet, almost neon energy. The hex code works best as an accent or the 30 percent tone in a palette, where its warmth sparkles without taking over. It shines in cosmetics, confectionery, and fashion, and pairs well with deep navy for contrast. Black text on #f687b2 reaches about 9.0:1, so small body copy stays readable.

Questions about #f687b2

What is #f687b2 in RGB, HSL and CMYK?
In RGB, #f687b2 is rgb(246, 135, 178), in HSL hsl(337, 86%, 75%) and in CMYK 0%, 45%, 28%, 4%.
What colors pair well with #f687b2?
#f687b2 pairs well with deep navy, charcoal, and teal for strong contrast, or with plum and mauve for a softer blend. For an unexpected mix, try it beside olive, which cools down its sweetness.
Is #f687b2 a warm or cool color?
#f687b2 is a warm pink, since its red undertones outweigh any blue. Its high lightness and saturation make it feel bright and lively rather than soft or pastel.
Can #f687b2 be used as a background color?
Yes, but carefully. Dark text on #f687b2 reaches about 9.0:1 contrast, so body copy stays readable. At large sizes, though, the color can overpower a layout, so use it in blocks or accents rather than full screens.
Is #f687b2 readable on white or black?
#f687b2 has a 2.32:1 contrast ratio on white and 9.02: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.