Modern Sky Blue & Blue Cool

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

♥ 156 likesbluepalettebranding

#6AD0E2

#6AB2E2

#6A94E2

#6A76E2

#7C6AE2

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
`#6AD0E2`	rgb(106, 208, 226)	hsl(189, 67%, 65%)	Sky Blue	View
`#6AB2E2`	rgb(106, 178, 226)	hsl(204, 67%, 65%)	Blue	View
`#6A94E2`	rgb(106, 148, 226)	hsl(219, 67%, 65%)	Blue	View
`#6A76E2`	rgb(106, 118, 226)	hsl(234, 67%, 65%)	Blue	View
`#7C6AE2`	rgb(124, 106, 226)	hsl(249, 67%, 65%)	Blue	View

Color Psychology & Usage

Psychology

Centered around #6AD0E2, this dark blue palette offers a premium, high-trust visual foundation.

Detailed Analysis

The interaction between these deep tones creates a luxury aesthetic suitable for high-end digital products. A strong choice for heritage brands looking to modernize their digital presence.

Best Applications

Print MediaApparelPackagingPresentations

Accessibility & Contrast Report

Score: 67%

#6AD0E2

On White1.79:1 (Poor)

On Black11.73:1 (Excellent)

#6AB2E2

On White2.31:1 (Poor)

On Black9.08:1 (Excellent)

#6A94E2

On White3.02:1 (Poor)

On Black6.95:1 (Good)

#6A76E2

On White3.96:1 (Poor)

On Black5.3:1 (Good)

#7C6AE2

On White4.19:1 (Poor)

On Black5.02:1 (Good)

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: #6AD0E2;
  --color-2: #6AB2E2;
  --color-3: #6A94E2;
  --color-4: #6A76E2;
  --color-5: #7C6AE2;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.