What Color Does Pink and Blue Make?
Pink and blue mixed make lavender. A 50/50 mix gives #C8A2C8.
Color 1
#FFC0CB
Color 2
#0000FF
Mixed Result
HEX: #A37CD1
RGB: 163, 124, 209
Closest name: Gray
Pink + Blue = Gray
Want more mixes? Explore the full Color Mixing Simulator.
Quick answer
Pink + Blue = Lavender (#C8A2C8)
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
Pink is a light red; blue adds cool depth. Together they move toward lavender, periwinkle, and mauve rather than saturated purple—especially when pink (#FFC0CB) is already high in lightness. A 50/50 reference near #C8A2C8 reads soft and floral, common in beauty, stationery, and calm wellness UI. Dominating with blue yields periwinkle-gray; dominating with pink keeps ballet-slipper pastels. Always test perceived hue on calibrated displays; inexpensive panels shift lavender toward 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% pink + 20% blue | Blush lavender | #E8B8D8 | ||
| 60% pink + 40% blue | Soft lilac | #D8AAD0 | ||
| 50% pink + 50% blue | True lavender | #C8A2C8 | ||
| 40% pink + 60% blue | Periwinkle | #A88AB8 | ||
| 20% pink + 80% blue | Cool mauve | #8872A8 |
Using this combination in UI and brand design
Lavender backgrounds work for onboarding and wellness flows when text contrast is verified. Pair with deep navy or charcoal for typography, not mid-lavender on lavender. Expand pastel systems in the palette generator and audit every caption pair with the contrast checker.
Build harmonious ramps and harmonies from any swatch above in the palette generator, then validate text, links, and buttons with the contrast checker.