What color does blue and black make?

The short answer: blue and black make navy blue. Blended 50/50 you land on #000063 (Navy), with heavier ratios leaning back toward whichever color you push — try the sliders in the mixer above.

Blue + Black = navy blue #000063
#000063
HEX
#000063
RGB
rgb(0, 0, 99)
HSL
hsl(240, 100%, 19%)
CMYK
cmyk(100%, 100%, 0%, 61%)
color-mix(in oklab, #0000ff 50%, #000000)

Blue to Black: 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.

Blue Black Result HEX Copy
75% 25% Medium Blue #0000ae
50% 50% Navy #000063
25% 75% Black #000022

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:

Lighter #2b498c Tint #6c84b4 50/50 mix #000063 Shade #000021 Darker #000041

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.

Black #000000 — The absence of light on a screen; in paint, the darkest pigment that shades every mix.

Want to blend these with different colors entirely? Open the full color mixer, or convert #000063 to RGB, HSL or CMYK.

Related mixes

See all color mixes for the full directory.

Frequently asked questions

Does blue and black make navy blue?

Yes — equal parts give navy blue, around #000063. The exact shade depends on your ratio: blue-heavy mixes lean toward #0000ae and black-heavy mixes toward #000022.

What is the HEX code for blue and black mixed?

A 50/50 perceptual mix is #000063 (Navy). If you need it in CSS, the mixer above generates a ready-to-paste color-mix() snippet: color-mix(in oklab, #0000ff 50%, #000000).

What does blue and black 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 navy blue mix lighter or darker?

Mix the result with white to tint it — 50% white gives about #6c84b4 — or with black to shade it, where 50% black gives about #000021. The strip above shows the full run from lighter to darker.