Navy Color Code

HEX

#001F3F

RGB

rgb(0, 31, 63)

HSL

hsl(210, 100%, 12%)

CMYK

0%, 51%, 0%, 75%

About Navy

Navy is a deep, dark shade of blue that embodies a sense of authority, professionalism, and sophistication. Often associated with the sea and maritime themes, this color is timeless and versatile, making it a staple in various design contexts.

Psychology

Navy Color is known to:

  • Evoke feelings of trust and stability
  • Convey professionalism and confidence
  • Promote a sense of calm and serenity

Usage

This enduring color is widely used in:

  • Corporate branding and logos for its authoritative feel
  • Business attire, particularly suits and uniforms
  • Interior design, especially in nautical-themed spaces
  • Digital design, particularly for backgrounds and navigation elements

Combinations

Navy Color pairs beautifully with:

  • Coral ( #FF6B6B )
  • Gold ( #FFD700 )
  • Soft White ( #F8F8F8 )
  • Light Gray ( #D3D3D3 )

Navy Color shades and tints

Shade · 1

Shade · 2

Shade · 3

Tint · 4

Tint · 5

Tint · 6

Colors related to Navy Color

Complementary

hsl(30, 100%, 12%)

Analogous

hsl(240, 100%, 12%)

Triadic

hsl(330, 100%, 12%)

Navy color values and uses

Navy is represented here by #001F3F. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(0, 31, 63); HSL hsl(210, 100%, 12%) describes hue, saturation, and lightness, while CMYK 0%, 51%, 0%, 75% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.

Use navy alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.

Frequently asked questions about Navy

What is the hex code of Navy Color?

The hex code of Navy Color is #001F3F.

What is the RGB value of Navy Color?

The RGB value is rgb(0, 31, 63), with red, green, and blue channels shown in that order.

What colors go with Navy Color?

Navy Color can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.

What are the HSL and CMYK values for Navy Color?

The HSL value is hsl(210, 100%, 12%); the approximate CMYK conversion is 0%, 51%, 0%, 75%. CMYK output can vary by printer and color profile.

Similar colors

Browse all colors