What is the HEX code for Navy and Orange mixed?

When Navy (#000080) and Orange (#FF6600) are mixed equally, the result is Brown / Sienna with HEX code #A12A55.

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

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

What Color Does Navy and Orange Make?

Q: What Color Does Navy and Orange Make?

Mixing Navy and Orange produces Brown / Sienna. The resulting color has a HEX code of #A12A55 and RGB values of rgb(161, 42, 85).

Navy#000080

Orange#FF6600

#A12A55

Brown / Sienna

#A12A55

Brown / Sienna

View full color info →

HEX#A12A55

RGBrgb(161, 42, 85)

HSLhsl(338°, 59%, 40%)

CMYKcmyk(0%, 74%, 47%, 37%)

CIELABLab(37.6, 51.4, 3.5)

Pantone™ Approximations

215 CVery close (ΔE 3.0)

207 CClose (ΔE 3.4)

220 CClose (ΔE 3.4)

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

RAL (approx.)

RAL 4002Red violetApproximate (ΔE 6.7)

RAL 4006Traffic purpleApproximate (ΔE 7.5)

RAL 4010TelemagentaApproximate (ΔE 10.6)

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 orange mixed as pigments produce warm brown and sienna, as orange's red and yellow components combine with navy's concentrated blue to create a three-primary mix that resolves into an earthy neutral. The warmth of orange tends to dominate, pushing the result toward sienna and chestnut rather than a cool gray-brown. This mix demonstrates how even very dark and very vivid colors can produce rich, useful neutrals.

Usage Tips

In oil painting, sienna from navy-orange mixes is useful for rendering warm shadow tones in portraits, wooden textures, and autumnal landscapes. Illustrators use warm brown as a versatile neutral for backgrounds, borders, and natural elements that need to recede without becoming gray. Interior designers typically use navy and orange as bold complementary accents against neutral walls, but the mixed sienna can serve as a connecting medium-tone in the same room. Pair with off-white and brass for a classic, heritage-inspired interior scheme.

Color Codes & Implementation

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

:root {
  --color-primary: #000080;   /* Navy */
  --color-secondary: #FF6600; /* Orange */
  --color-accent: #A12A55;    /* Brown / Sienna */
}

Mix these colors

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

Frequently Asked Questions

Does navy and orange go together?

Navy and orange is a classic high-contrast pairing — think of vintage life vests, sports teams, and Dutch design. The cool navy stabilizes the warmth of orange, producing a confident, energetic palette that still reads as serious and grown-up.

What kind of brands use navy and orange?

The combination is favored by sports teams (Mets, Broncos, Bears), outdoor retailers, logistics companies, and tech brands that want energy plus authority. Navy-and-orange feels active without sliding into 'fast food' territory, which keeps it useful across many industries.

What are the hex codes for navy and orange?

Navy is #000080 (RGB: 0, 0, 128) and a vivid orange is #FF6600 (RGB: 255, 102, 0). Mixed equally the result lands near a warm sienna brown at #A12A55, a rich mid-tone you can use for shadows, hover states, or earthy text accents.

Try It Yourself in the Color Mixer

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