#FF55A2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ff55a2 is a high-chroma pink that demands attention with its intense, neon-like saturation. Because this color is so loud, use it sparingly as a call-to-action button or a small interface highlight rather than a background. It pairs well with dark charcoal grays, which ground its brightness. The hex code #ff55a2 offers strong contrast for black text, making it accessible for readable small UI elements.
Questions about #ff55a2
What is #ff55a2 in RGB, HSL and CMYK?
In RGB, #ff55a2 is rgb(255, 85, 162), in HSL hsl(333, 100%, 67%) and in CMYK 0%, 67%, 36%, 0%.
How should I use #ff55a2 in a user interface?
Use #ff55a2 sparingly as a high-contrast accent color for primary call-to-action buttons or interface highlights. It works effectively against dark, neutral backgrounds like charcoal to ensure the text remains legible while keeping the design punchy and energetic.
Does #ff55a2 lean warm or cool?
This shade of #ff55a2 leans warm due to its high magenta saturation, giving it a playful, neon character. When paired with neutral, cooler tones, it really pops, though it can become overwhelming if applied across large surface areas or background sections.
Is #ff55a2 readable on white or black?
#ff55a2 has a 2.96:1 contrast ratio on white and 7.07: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.