Navy Blue

CSS-standard navy blue, a deep dark blue with purplish-grey undertones

HEX#2F2F4F

RGBrgb(47, 47, 79)

HSLhsl(240, 25%, 25%)

HSVhsv(240, 41%, 31%)

CMYKcmyk(41%, 41%, 0%, 69%)

HEXA#2F2F4FFF

RGBArgba(47, 47, 79, 1)

HSLAhsla(240, 25%, 25%, 1)

OKLCHoklch(58.1%, 0.049, 285)

LCHlch(51.1%, 21.3, 276)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)

Triadic3 hues spaced 120° apart

Split ComplementaryMain color + colors adjacent to its complement

Complementary2 hues spaced 180° apart

Tetradic (Rectangle)4 hues forming a rectangle

MonochromaticSingle hue with varying saturation and lightness

♿ WCAG Contrast Colors

Learn More →

Aa14px Body

High Contrast Text

#BCBCD7Ratio 6.9:1AA

Suitable for body text, headings, and primary content, ensuring readability for all users

Aa14px Body

Standard Text

#A68FBCRatio 4.4:1AA Large

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#A366A3Ratio 3:1AA Large

Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries

Aa14px Body

Decorative / Dividers

#865050Ratio 2:1Fail

Suitable for decorative elements, dividers, non-essential text

📊 Color Scales

Online Color Picker → Gradient Generator →

Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%

#0F0F1A

#131320

#191929

#1F1F33

#24243D

#2A2A46

#303050

Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%

#393946

#373748

#363649

#34344B

#33334D

#31314E

#303050

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#131316

#17171C

#1D1D25

#22222F

#27273A

#2C2C44

#303050

Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°

#303850

#303550

#303250

#303050

#323050

#353050

#383050

💡 Use Cases

🧥

Winter Coats

Cashmere or wool double-faced coats, exuding understated luxury and enduring elegance.

⚓

Maritime Watches

Diver bezels or NATO straps, evoking marine equipment with a rugged, vintage appeal.

🏢

Corporate Websites

Primary design color for large enterprise portals, conveying centuries-old, unwavering business philosophy.

💼

Business Leather

Premium calfskin briefcases, developing a patina with daily use that becomes more captivating over time.

📜 Origin & History

Navy Blue originated from British Royal Navy uniforms in the 18th century, hence its name. Darker than standard deep blue with purplish-grey undertones, its unique hue resulted from seawater and sun exposure natural fading during long sea voyages.

In the 19th century, Queen Victoria strongly promoted navy blue uniforms during naval inspections, quickly elevating the color to high society. In the Edwardian era, navy blue became standard for gentleman's sports and country leisure attire.

In the East, navy blue closely resembles the robes of Tibetan Buddhist monks. In Tibetan Buddhism, this color corresponds to profound practice and the majesty of dharma protectors, carrying religious solemnity.

The digital standard navy blue reduces brightness and adds subtle grey tones. This prevents excessive blue shift on screen displays, making it a solid foundation color for building professional corporate website visual systems.

🧠 Color Psychology

StableLike the keel of a massive ocean liner, providing rock-solid psychological support and direction amid turbulent seas.

OrderlyA solemn zone between black and blue, clearly conveying discipline and law—the end of all chaos.

TexturedThe low-luster sheen from grey undertones, like worsted wool, triggering associations of premium tactile thickness.

DependableSeemingly ordinary yet indispensable, like a butler, offering absolute security for entrusting important matters.

HumblePossessing capability without flaunting it, deeply understanding human relations—visualized wisdom of non-contention.

EnduringA timeless classic that transcends seasonal anxieties, promising quality that spans generations.

← Back to Explore Colors