#FA6484 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense pink-red leans heavily into a saturated, candy-like warmth. Because of its high energy, #fa6484 works best as an accent or call-to-action button rather than a primary background color. It pairs surprisingly well with deep, slate grays, which ground its loudness. Black text offers excellent readability against this shade, making it a functional choice for high-visibility UI elements.
Questions about #fa6484
What is #fa6484 in RGB, HSL and CMYK?
In RGB, #fa6484 is rgb(250, 100, 132), in HSL hsl(347, 94%, 69%) and in CMYK 0%, 60%, 47%, 2%.
Where should I use the #fa6484 color?
Because #fa6484 carries such high visual energy, it is ideal for small, impactful elements like alert icons or call-to-action buttons. Avoid using it for large background blocks, as its intensity can quickly overwhelm text and distract users from core content.
What colors pair well with #fa6484?
The intensity of #fa6484 pairs perfectly with slate gray or deep charcoal tones, which ground the color and prevent it from feeling too loud. You can also create high-contrast, modern UI designs by pairing this shade with clean white text.
Is #fa6484 readable on white or black?
#fa6484 has a 2.90:1 contrast ratio on white and 7.22: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.