#FF6FB5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neon pink is intense and high-energy. The hex code for this shade is #ff6fb5. It works best as an accent color for buttons or highlights rather than a full background, where the saturation can easily overwhelm a layout. It pairs well with deep charcoals to ground the look. Since the color is quite light, black text provides an 8.2:1 contrast ratio, ensuring excellent readability.
Questions about #ff6fb5
What is #ff6fb5 in RGB, HSL and CMYK?
In RGB, #ff6fb5 is rgb(255, 111, 181), in HSL hsl(331, 100%, 72%) and in CMYK 0%, 56%, 29%, 0%.
Where should I use #ff6fb5 in a UI design?
Use #ff6fb5 primarily as an accent color for call-to-action buttons or small interface highlights. Because of its extreme saturation, applying it to large background areas often overwhelms the user and detracts from content legibility and focus.
What colors pair well with #ff6fb5?
To ground the high energy of #ff6fb5, pair it with deep, neutral tones like charcoal or matte black. These dark contrasts stabilize the visual layout, allowing the neon pink to stand out without feeling chaotic or visually fatiguing.
Is #ff6fb5 readable on white or black?
#ff6fb5 has a 2.56:1 contrast ratio on white and 8.19: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.