Modern Cyan & Sky Blue Cool

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

♥ 138 likesbluecyanpalette

#1FC7B3

#1FB0C7

#1F86C7

#1F5CC7

#1F33C7

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
`#1FC7B3`	rgb(31, 199, 179)	hsl(173, 73%, 45%)	Cyan	View
`#1FB0C7`	rgb(31, 176, 199)	hsl(188, 73%, 45%)	Sky Blue	View
`#1F86C7`	rgb(31, 134, 199)	hsl(203, 73%, 45%)	Blue	View
`#1F5CC7`	rgb(31, 92, 199)	hsl(218, 73%, 45%)	Blue	View
`#1F33C7`	rgb(31, 51, 199)	hsl(233, 73%, 45%)	Blue	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

Utilizing Cyan 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

IllustrationBrand IdentitySocial MediaUI Design

Accessibility & Contrast Report

Score: 67%

#1FC7B3

On White2.13:1 (Poor)

On Black9.88:1 (Excellent)

#1FB0C7

On White2.59:1 (Poor)

On Black8.09:1 (Excellent)

#1F86C7

On White3.97:1 (Poor)

On Black5.29:1 (Good)

#1F5CC7

On White6.15:1 (Good)

On Black3.41:1 (Poor)

#1F33C7

On White8.91:1 (Excellent)

On Black2.36: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: #1FC7B3;
  --color-2: #1FB0C7;
  --color-3: #1F86C7;
  --color-4: #1F5CC7;
  --color-5: #1F33C7;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.