#FF006F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-energy shade demands immediate attention. Because #ff006f is so saturated, it overwhelms if used as a primary background, making it far more effective as an accent for call-to-action buttons or design highlights. It pairs surprisingly well with dark charcoal or cool slate gray. The hex code for this powerful, attention-grabbing hue is #ff006f.
Questions about #ff006f
What is #ff006f in RGB, HSL and CMYK?
In RGB, #ff006f is rgb(255, 0, 111), in HSL hsl(334, 100%, 50%) and in CMYK 0%, 100%, 56%, 0%.
What colors pair best with the intensity of #ff006f?
Because #ff006f is so visually loud, it functions best when balanced against neutral foundations like charcoal or deep slate gray. These darker, muted tones provide the necessary contrast to let the magenta pop without overwhelming your design layout.
Should #ff006f be used as a primary background color?
Avoid using #ff006f as a primary background color because its high saturation quickly causes eye fatigue for viewers. It is significantly more effective as an accent, a button color, or a small graphic element that directs focus.
Is #ff006f readable on white or black?
#ff006f has a 3.83:1 contrast ratio on white and 5.48:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.