Vivid Orchid
A bold and electric saturated orchid purple
Vivid Orchid is a high-intensity, saturated purple that commands immediate attention. Because of its extreme brightness, use #cc00ff sparingly as a bold accent or call-to-action button rather than a primary background color. It pairs surprisingly well with deep charcoal grays, which ground its electric energy. This hex code provides enough contrast for readable black text, making it a functional choice for striking UI elements.
About Vivid Orchid
Neon smoke rolling across a midnight concert stage
What does vivid orchid mean?
People often link this purple with creativity, fantasy worlds, music festivals, and counterculture style. Its full saturation and total lack of gray make it shout, and its brightness keeps the shout high-pitched.
Where you see vivid orchid
- orchid petals
- neon signs
- laser pointers
- irises
- glow sticks
- led stage lights
What it works for
Use it as an accent on dark backgrounds, in festival posters, gaming interfaces, and bold call-to-action buttons.
What colors go with vivid orchid?
Chartreuse #c1f80aIts yellow-green sits opposite on the wheel, so both colors read hotter.Midnight Blue #020035The deep blue swallows the purple's glare and lets it glow.Charcoal #36454fNear-black gray calms the intensity without dulling the hue.Gold #ffd700Warm metallic gold adds richness and softens the electric edge.Dark Teal #014d4eCool teal neighbors it on the wheel for a moody, unified scheme.
Questions about Vivid Orchid
What is the hex code for Vivid Orchid?
Vivid Orchid is #cc00ff. In RGB that is rgb(204, 0, 255), in HSL hsl(288, 100%, 50%) and in CMYK 20%, 100%, 0%, 0%.
How should I use #cc00ff in web design?
Because #cc00ff is extremely saturated, it works best as a deliberate accent rather than a primary background color. Use it for call-to-action buttons or interactive UI elements that need to grab the user's attention against charcoal or dark gray backgrounds.
Is Vivid Orchid readable on white or black?
Vivid Orchid has a 4.19:1 contrast ratio on white and 5.01: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.