#FF6C98 Hex Color

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

Hex color #ff6c98 graphic
This saturated pink is bold and attention-grabbing. It functions best as a punchy accent for calls to action or UI highlights rather than a main background. The hex code for this shade is #ff6c98. Because it offers high contrast against black text, it ensures excellent readability. Pair it with deep charcoal grays to ground its intensity and create a modern, sophisticated aesthetic.

Questions about #ff6c98

What is #ff6c98 in RGB, HSL and CMYK?
In RGB, #ff6c98 is rgb(255, 108, 152), in HSL hsl(342, 100%, 71%) and in CMYK 0%, 58%, 40%, 0%.
What colors pair best with the saturated #ff6c98 pink?
Pair #ff6c98 with deep charcoal or dark slate grays to ground its intense energy and create a sophisticated, modern balance. Using dark neutrals prevents the pink from overwhelming the design while maintaining its punchy, high-contrast appeal for web interfaces.
Is #ff6c98 suitable for large areas or backgrounds?
Avoid using #ff6c98 as a full page background, as its high saturation can quickly cause eye fatigue for users. Instead, reserve this bold pink for small, strategic UI elements like primary buttons, notification badges, or subtle accents to maintain professional readability.
Is #ff6c98 readable on white or black?
#ff6c98 has a 2.67:1 contrast ratio on white and 7.85: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.