#D54BF4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#d54bf4 is a loud, saturated purple that demands immediate attention. It is too aggressive for large backgrounds, so save it for 10% accents where you need a call to action to pop. It pairs effectively with deep charcoal, and black text offers clear legibility at a 6.1:1 contrast ratio. Because this hex code is so intense, avoid saturating your entire design with it.
Questions about #d54bf4
What is #d54bf4 in RGB, HSL and CMYK?
In RGB, #d54bf4 is rgb(213, 75, 244), in HSL hsl(289, 88%, 63%) and in CMYK 13%, 69%, 0%, 4%.
How should I use #d54bf4 in my interface designs?
Reserve #d54bf4 for small, high-impact UI elements like call-to-action buttons or alert icons rather than large background areas. Its extreme saturation makes it overwhelming in bulk, but perfect for drawing the user's eye to a specific, clickable action.
What colors pair well with the intensity of #d54bf4?
This vibrant purple balances beautifully against dark, neutral tones like charcoal or deep, near-black grays. These darker, muted companions provide the necessary anchor to keep the electric energy of #d54bf4 from appearing too chaotic or visually fatiguing for your users.
Is #d54bf4 readable on white or black?
#d54bf4 has a 3.41:1 contrast ratio on white and 6.14: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.