Deep Deep Blue & Midnight Navy Cool

A 5-color combination featuring Deep Blue, Deep Blue, Midnight Navy. Perfect for UI design, branding identities, and digital illustrations.

♥ 379 likesbluepalettebranding

#09112A

#09092A

#12092A

#1A092A

#22092A

Professional Visualization

See how this palette performs in real-world UI mockups.

BrandName

ProductPricingGet Started

Modern Interface Design

Experience the perfect harmony of colors calculated for your brand identity.

Learn More

★

Fast Performance

⚡

Secure Cloud

Color Information & Values

HEX	RGB	HSL	Name	Details
`#09112A`	rgb(9, 17, 42)	hsl(225, 65%, 10%)	Deep Blue	View
`#09092A`	rgb(9, 9, 42)	hsl(240, 65%, 10%)	Deep Blue	View
`#12092A`	rgb(18, 9, 42)	hsl(256, 65%, 10%)	Midnight Navy	View
`#1A092A`	rgb(26, 9, 42)	hsl(271, 65%, 10%)	Midnight Navy	View
`#22092A`	rgb(34, 9, 42)	hsl(285, 65%, 10%)	Deep Purple	View

Color Psychology & Usage

Psychology

This blue-dominant palette evokes a sense of balance and professionalism.

Detailed Analysis

The combination of Deep Blue and Deep Blue creates a refined visual hierarchy perfect for modern design projects.

Best Applications

IllustrationPhotographyMarketingLogo Design

Accessibility & Contrast Report

Score: 58%

#09112A

On White18.66:1 (Excellent)

On Black1.13:1 (Poor)

#09092A

On White19.37:1 (Excellent)

On Black1.08:1 (Poor)

#12092A

On White19.12:1 (Excellent)

On Black1.1:1 (Poor)

#1A092A

On White18.81:1 (Excellent)

On Black1.12:1 (Poor)

#22092A

On White18.41:1 (Excellent)

On Black1.14:1 (Poor)

These ratios are calculated based on WCAG 2.1 guidelines. A ratio of 4.5:1 is the minimum for standard text, while 7:1 is recommended for high accessibility.

CSS Export

:root {
  --color-1: #09112A;
  --color-2: #09092A;
  --color-3: #12092A;
  --color-4: #1A092A;
  --color-5: #22092A;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.