What Color Does Blue and Purple Make?
Blue + Purple = Violet #6A0DAD
Blue and purple mixed make violet. A 50/50 mix gives #6A0DAD.
Color 1
#0000FF
Color 2
#800080
Mixed Result
HEX: #5500C8
RGB: 85, 0, 200
Closest name: Violet
Blue + Purple = Violet
Want more mixes? Explore the full Color Mixing Simulator.
Quick answer
Blue + Purple = Violet (#6A0DAD)
Swatch shows the headline mix color—compare with the ratio table and adjust live in the simulator.
Why this mix looks the way it does
Blue and purple are neighbors on the cool side of the wheel; mixing them deepens violet and indigo rather than creating mud (unlike complements). Between pure blue (#0000FF) and web purple (#800080), a balanced blend lands near #6A0DAD—rich violet suitable for creative tech, music, and youth brands. Extra blue shifts toward royal indigo; extra purple shifts toward plum. In RGB workflows, capture both hue and lightness tokens so dark mode does not collapse violet into flat gray.
Five mix ratios (hex previews)
Ratios describe how much of each primary contributes to the blend; hex values are reference stops for design tokens and mood boards.
| Mix | Name | Swatch | Hex | Copy |
|---|---|---|---|---|
| 80% blue + 20% purple | Royal violet | #3509AD | ||
| 60% blue + 40% purple | Deep violet | #4F0BAD | ||
| 50% blue + 50% purple | True violet | #6A0DAD | ||
| 40% blue + 60% purple | Plum violet | #7F2BB8 | ||
| 20% blue + 80% purple | Soft purple | #9448C3 |
Using this combination in UI and brand design
Violet accents pair with off-white, silver, or charcoal for premium digital products. Use darker ratio rows for navigation and lighter rows for gradient highlights. Build cool harmonies in the palette generator and verify link and button contrast in the contrast checker—violet text on mid-gray often fails WCAG.
Build harmonious ramps and harmonies from any swatch above in the palette generator, then validate text, links, and buttons with the contrast checker.