What color does blue and white make?
Equal parts blue and white produce periwinkle blue (#74a3ff (Cornflower Blue)). The blend is computed in the Oklab color space, so the steps between the two colors look evenly spaced to your eye rather than to the raw channel math.
#74a3ff - HEX
- #74a3ff
- RGB
- rgb(116, 163, 255)
- HSL
- hsl(220, 100%, 73%)
- CMYK
- cmyk(55%, 36%, 0%, 0%)
color-mix(in oklab, #0000ff 50%, #ffffff) Blue to White: every ratio
How much of each color you use moves the answer along the blend path. The perceptual midpoint is the 50/50 row; the others show what a 3:1 ratio does in either direction.
Lighter and darker versions
Tint the mix toward white or shade it toward black and you get a small palette that all clearly belongs to the same family:
#96bbff Tint #b8d2ff 50/50 mix #74a3ff Shade #293c63 Darker #4d6eae Paint vs. screen: why the medium matters
On a screen, colors blend by adding light; with paint, pigments subtract light and the result is usually darker and duller. This page's values are the perceptual blend of the two colors — the closest digital equivalent to what mixed paint looks like.
About these two colors
Blue #0000ff — A primary of both light and paint, sitting between cyan and violet on the wheel.
White #ffffff — All visible wavelengths of light at once; in paint, the tint that lightens every mix.
Want to blend these with different colors entirely? Open the full color mixer, or convert #74a3ff to RGB, HSL or CMYK.
Related mixes
See all color mixes for the full directory.
Frequently asked questions
Does blue and white make periwinkle blue?
Yes — equal parts give periwinkle blue, around #74a3ff. The exact shade depends on your ratio: blue-heavy mixes lean toward #306dff and white-heavy mixes toward #b8d2ff.
What is the HEX code for blue and white mixed?
A 50/50 perceptual mix is #74a3ff (Cornflower Blue). If you need it in CSS, the mixer above generates a ready-to-paste color-mix() snippet: color-mix(in oklab, #0000ff 50%, #ffffff).
What does blue and white make in paint vs. on a screen?
On a screen, colors blend by adding light; with paint, pigments subtract light and the result is usually darker and duller. This page's values are the perceptual blend of the two colors — the closest digital equivalent to what mixed paint looks like.
How do I make the periwinkle blue mix lighter or darker?
Mix the result with white to tint it — 50% white gives about #b8d2ff — or with black to shade it, where 50% black gives about #293c63. The strip above shows the full run from lighter to darker.