Modern Sky Blue & Blue Cool

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

♥ 154 likesbluepalettebranding

#3CB8D7

#3C91D7

#3C6BD7

#3C44D7

#5B3CD7

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
`#3CB8D7`	rgb(60, 184, 215)	hsl(192, 66%, 54%)	Sky Blue	View
`#3C91D7`	rgb(60, 145, 215)	hsl(207, 66%, 54%)	Blue	View
`#3C6BD7`	rgb(60, 107, 215)	hsl(222, 66%, 54%)	Blue	View
`#3C44D7`	rgb(60, 68, 215)	hsl(237, 66%, 54%)	Blue	View
`#5B3CD7`	rgb(91, 60, 215)	hsl(252, 66%, 54%)	Navy	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

Utilizing Sky Blue for backgrounds ensures that primary CTAs and white text pop with maximum emphasis. Perfect for fintech dashboards, corporate branding, or dark-mode interfaces.

Best Applications

Logo DesignMarketingInterior DesignPresentations

Accessibility & Contrast Report

Score: 69%

#3CB8D7

On White2.33:1 (Poor)

On Black9.03:1 (Excellent)

#3C91D7

On White3.37:1 (Poor)

On Black6.22:1 (Good)

#3C6BD7

On White4.91:1 (Good)

On Black4.28:1 (Poor)

#3C44D7

On White7:1 (Good)

On Black3:1 (Poor)

#5B3CD7

On White6.83:1 (Good)

On Black3.07: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: #3CB8D7;
  --color-2: #3C91D7;
  --color-3: #3C6BD7;
  --color-4: #3C44D7;
  --color-5: #5B3CD7;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.