#DF00FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Phlox is an intensely saturated purple that demands immediate attention. Because of its extreme brightness, #df00ff works best as a small accent rather than a background color. It pairs surprisingly well with deep forest greens or charcoal grays to create high-contrast, modern designs. Since black text maintains excellent readability against this shade, it functions well for bold, attention-grabbing buttons and call-to-action highlights.
About Phlox
Neon sign buzz in a dark arcade
What does phlox mean?
Phlox often signals playful rebellion and showy energy, and it commonly reads as electric, synthetic, and deliberately attention grabbing rather than natural or reserved. Almost no black and full saturation make this color feel loud and beaming, a bright jolt that stays cool and purplish instead of warm.
Where you see phlox
- neon bar signs
- bougainvillea blooms
- glow sticks
- highlighter ink
- stage lights
- 1980s ski jackets
What it works for
Use it for one hero element, a call to action, or an accent, because it dominates any layout it touches.
What colors go with phlox?
Midnight Blue #020035The deep blue gives the neon glow a dark room to shine in.Chartreuse #c1f80aTwo loud hues together create a raw, electric clash that suits streetwear and posters.Gold #ffd700Warm gold against the cool purple gives a rich, stage lighting effect.Mint #98ff98Pale mint cools the intensity and keeps the pairing fresh and light.Mustard #ffdb58Muted mustard absorbs some of the noise, which keeps the mix bold but wearable.Cyan #00ffffCyan sits beside it on the glow spectrum, so the pair feels cohesive and loud.
Questions about Phlox
What is the hex code for Phlox?
Phlox is #df00ff. In RGB that is rgb(223, 0, 255), in HSL hsl(292, 100%, 50%) and in CMYK 13%, 100%, 0%, 0%.
How should I use Phlox #df00ff in web design?
Phlox #df00ff works best as a surgical accent rather than a background color due to its extreme brightness. Pair it with charcoal or deep forest greens to keep the layout grounded while letting the purple command attention for key user actions.
Does #df00ff work well with text?
Black text maintains excellent readability against Phlox #df00ff, making it a reliable choice for buttons or notification badges. Avoid using white text over this color, as the saturation level often creates vibration that fatigues the eye during longer reading sessions.
Is Phlox readable on white or black?
Phlox has a 3.76:1 contrast ratio on white and 5.58: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.