Modern Sky Blue & Blue Cool

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

♥ 102 likesbluepalettebranding

#25ADDA

#2580DA

#2552DA

#2525DA

#5225DA

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
`#25ADDA`	rgb(37, 173, 218)	hsl(195, 71%, 50%)	Sky Blue	View
`#2580DA`	rgb(37, 128, 218)	hsl(210, 71%, 50%)	Blue	View
`#2552DA`	rgb(37, 82, 218)	hsl(225, 71%, 50%)	Blue	View
`#2525DA`	rgb(37, 37, 218)	hsl(240, 71%, 50%)	Blue	View
`#5225DA`	rgb(82, 37, 218)	hsl(255, 71%, 50%)	Navy	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

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

Best Applications

Interior DesignUI DesignPhotographyLogo Design

Accessibility & Contrast Report

Score: 68%

#25ADDA

On White2.6:1 (Poor)

On Black8.07:1 (Excellent)

#2580DA

On White4.06:1 (Poor)

On Black5.18:1 (Good)

#2552DA

On White6.37:1 (Good)

On Black3.3:1 (Poor)

#2525DA

On White8.91:1 (Excellent)

On Black2.36:1 (Poor)

#5225DA

On White7.97:1 (Excellent)

On Black2.64: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: #25ADDA;
  --color-2: #2580DA;
  --color-3: #2552DA;
  --color-4: #2525DA;
  --color-5: #5225DA;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.