#FF31E0 Hex Color

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

Hex color #ff31e0 graphic
This high-energy magenta is intense and unapologetically loud. Because #ff31e0 carries such extreme saturation, it functions best as a small accent rather than a background. Use it for call-to-action buttons or highlights that demand immediate attention. It pairs surprisingly well with deep charcoal or muted navy, which ground its brightness. The hex code for this vivid shade is #ff31e0.

Questions about #ff31e0

What is #ff31e0 in RGB, HSL and CMYK?
In RGB, #ff31e0 is rgb(255, 49, 224), in HSL hsl(309, 100%, 60%) and in CMYK 0%, 81%, 12%, 0%. Browse more shades of pink with names and hex codes.
What is the best way to use #ff31e0 in a layout?
Because #ff31e0 is intensely saturated, it works best as a sharp accent rather than a background. Use this magenta sparingly for call-to-action buttons or highlights to ensure it demands attention without overwhelming your design’s overall balance.
What colors pair effectively with #ff31e0?
To ground the extreme brightness of #ff31e0, pair it with deep, neutral tones that provide contrast without fighting for attention. Deep charcoal or muted navy act as an anchor, allowing the magenta to pop cleanly against the darker background elements.
Is #ff31e0 readable on white or black?
#ff31e0 has a 3.10:1 contrast ratio on white and 6.76: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.