What is the HEX code for Navy and White mixed?

When Navy (#000080) and White (#FFFFFF) are mixed equally, the result is Pale Blue / Ice Blue with HEX code #947BC0.

What is the approximate Pantone™ match for Navy and White mixed?

The closest approximate Pantone™ match for the mix of Navy and White is 272 C (ΔE 6.8). This is a mathematical approximation, not an officially certified Pantone value.

What Color Does Navy and White Make?

Q: What Color Does Navy and White Make?

Mixing Navy and White produces Pale Blue / Ice Blue. The resulting color has a HEX code of #947BC0 and RGB values of rgb(148, 123, 192).

Navy#000080

White#FFFFFF

#947BC0

Pale Blue / Ice Blue

#947BC0

Pale Blue / Ice Blue

View full color info →

HEX#947BC0

RGBrgb(148, 123, 192)

HSLhsl(262°, 35%, 62%)

CMYKcmyk(23%, 36%, 0%, 25%)

CIELABLab(56.4, 24, -32.6)

Pantone™ Approximations

272 CApproximate (ΔE 6.8)

271 CApproximate (ΔE 6.9)

265 CApproximate (ΔE 8.4)

Pantone™ values shown are mathematical approximations, not official Pantone colors. Pantone® is a registered trademark of Pantone LLC.

RAL (approx.)

RAL 4011Pearl violetApproximate (ΔE 6.8)

RAL 5014Pigeon blueApproximate (ΔE 15.0)

RAL 7000Squirrel greyFar (ΔE 15.7)

Pantone® and RAL® codes shown are mathematical approximations calculated by color distance (ΔE CIEDE2000). They are not officially certified values.

About This Color Combination

Navy and white mixed together produce pale blue and ice blue, cool, clean, airy hues that feel crisp and refreshing. White dilutes navy's deep, concentrated tone, gradually lifting it through medium blue, cornflower, and ultimately to the palest sky blue. The result maintains navy's cool, authoritative quality while gaining a lightness and openness that the deep original lacks.

Usage Tips

In watercolor, pale blue from navy-white mixes is fundamental for rendering clear skies, shallow water, and the light-filled shadows of white fabrics and architecture. Graphic designers use ice blue in corporate, healthcare, and tech branding where trust, cleanliness, and clarity are the desired associations. Interior designers rely on pale blue extensively for coastal, Scandinavian, and modern farmhouse aesthetics where light and airiness define the style. Pair with white, natural linen, and touches of navy for a cohesive, fresh maritime palette.

Color Codes & Implementation

Drop-in snippets for CSS variables, Tailwind, and SCSS.

:root {
  --color-primary: #000080;   /* Navy */
  --color-secondary: #FFFFFF; /* White */
  --color-accent: #947BC0;    /* Pale Blue / Ice Blue */
}

Mix these colors

Opens the Color Mixer with both source colors pre-loaded.

Frequently Asked Questions

What colors go with navy blue?

Navy blue is a near-universal anchor and pairs cleanly with white, cream, gold, blush, mustard, and burgundy. Crisp navy-and-white is the classic nautical and preppy combination, while navy with warm metallics reads as upscale and editorial.

Why does navy and white look so professional?

Navy-and-white is high-contrast without being aggressive. The deep blue conveys authority and trust while white adds clarity and breathing room — which is why corporate, legal, and healthcare brands lean on the pairing. It is also remarkably easy to make accessible (WCAG AA/AAA).

What are the hex codes for navy and white?

True navy is #000080 (RGB: 0, 0, 128) and pure white is #FFFFFF (RGB: 255, 255, 255). A 50/50 perceptual blend lands near #947BC0 — a soft periwinkle ice blue that works beautifully as a tertiary accent.

Try It Yourself in the Color Mixer

Adjust the ratios, add more colors, and get all color codes instantly.