#FF30D2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity magenta commands immediate attention with its aggressive saturation. Because #ff30d2 is so visually loud, use it sparingly as a 10% accent rather than a dominant background color. It pairs surprisingly well with deep charcoal or slate gray, which helps tame its electric quality. Black text remains legible against this hex code, making it a viable choice for high-impact buttons or bold UI callouts.
Questions about #ff30d2
What is #ff30d2 in RGB, HSL and CMYK?
In RGB, #ff30d2 is rgb(255, 48, 210), in HSL hsl(313, 100%, 59%) and in CMYK 0%, 81%, 18%, 0%.
What colors pair best with #ff30d2 in a UI design?
Because #ff30d2 is so visually loud, it pairs best with deep charcoal or slate gray to ground its electric quality. Using neutral backgrounds helps the magenta stand out as a focused accent rather than overwhelming the layout.
Is #ff30d2 suitable for large blocks of text?
No, #ff30d2 is far too saturated and visually jarring for body text or large backgrounds. It should be reserved strictly for high-impact call-to-action buttons or small graphical details where attention needs to be captured immediately.
Is #ff30d2 readable on white or black?
#ff30d2 has a 3.17:1 contrast ratio on white and 6.60: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.