Deep Blue

CSS-standard deep blue, a profound dark blue like the midnight abyss

HEX#00008B

RGBrgb(0, 0, 139)

HSLhsl(240, 100%, 27%)

HSVhsv(240, 100%, 55%)

CMYKcmyk(100%, 100%, 0%, 45%)

HEXA#00008BFF

RGBArgba(0, 0, 139, 1)

HSLAhsla(240, 100%, 27%, 1)

OKLCHoklch(36.9%, 0.256, 264)

LCHlch(23.5%, 110.7, 303)

🎨 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

#A8A8FFRatio 7.1:1AAA

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

Aa14px Body

Standard Text

#B266FFRatio 4.5:1AA

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#C200C2Ratio 3:1AA Large

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

Aa14px Body

Decorative / Dividers

#AD0000Ratio 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%

#000029

#000038

#000047

#00005C

#00006B

#00007A

#00008A

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

#292960

#222267

#1C1C6E

#151575

#0E0E7C

#070783

#00008A

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#0E0E1B

#101028

#111137

#10104C

#0C0C5F

#070773

#00008A

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

#00228A

#00178A

#000B8A

#00008A

#0B008A

#17008A

#22008A

💡 Use Cases

🏦

Bank Logos

Primary LOGO color for major financial institutions, conveying centuries of capital credibility and asset security.

🎓

Academic Robes

Hood trim for doctoral or master's degrees, symbolizing profound scholarly accumulation and serious pursuit of truth.

🌃

Sleep Sanctuaries

Base color for bedroom blackout curtains or bedding, simulating the deepest night to facilitate rapid deep sleep.

⚖️

Legal Documents

Dedicated color for judicial institution websites and document headers, visually articulating the inviolability and indisputability of law.

📜 Origin & History

Deep Blue approximates the night sky and the aphotic zone of the deep sea. In Western culture, before the era of Yves Klein, deep blue was often used to depict the infinite expanse of the divine cosmos, symbolizing the unknowable nature of the universe.

In politics and business, deep blue, with its commanding authority, replaced black as the preferred color for suits and uniforms. It became known as the color of the power suit, peaking in corporate culture during the 1980s, representing order and dominance.

In the early internet, due to technical limitations, color palettes were relatively limited. Deep blue, as one of the few colors that displayed stably on CRT monitors, was widely used for government, university, and early portal websites, establishing its digital standard foundation.

Modern psychological research has found that deep blue environments can lower heart rate and promote melatonin secretion. Consequently, it is extensively used in bedroom bedding, airport lounges, and other spaces requiring absolute quiet and privacy.

🧠 Color Psychology

AuthoritativeA commanding presence that establishes unwavering boundaries and supreme directives through silence.

ConservativeA color that follows tradition and rules, rejecting frivolous change, synonymous with experience and stability.

LoyalImplying unwavering commitment and allegiance, often used in uniforms to symbolize boundless loyalty to country or organization.

RationalShielding out emotional interference, fully retreating into logic and objective analysis, like a scientist's late-night contemplation.

PeacefulThe ultimate protective shade before darkness arrives, providing the deepest sense of security and包裹, like returning to the womb.

RigorousA stern color that tolerates no error, alerting against any lapse and urging the pursuit of perfection.

← Back to Explore Colors