Vibrant Dark Vibrant Blue & Dark Vibrant Purple Balanced

A 4-color combination featuring Dark Vibrant Blue, Dark Vibrant Purple, Dark Vibrant Orange. Perfect for UI design, branding identities, and digital illustrations.

♥ 492 likescyanbluepalette

#0466C8

#C804C8

#C86604

#04C804

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
`#0466C8`	rgb(4, 102, 200)	hsl(210, 96%, 40%)	Dark Vibrant Blue	View
`#C804C8`	rgb(200, 4, 200)	hsl(300, 96%, 40%)	Dark Vibrant Purple	View
`#C86604`	rgb(200, 102, 4)	hsl(30, 96%, 40%)	Dark Vibrant Orange	View
`#04C804`	rgb(4, 200, 4)	hsl(120, 96%, 40%)	Dark Vibrant Green	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

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

Best Applications

PhotographyArchitectureApparelBrand Identity

Accessibility & Contrast Report

Score: 66%

#0466C8

On White5.62:1 (Good)

On Black3.74:1 (Poor)

#C804C8

On White4.88:1 (Good)

On Black4.31:1 (Poor)

#C86604

On White3.92:1 (Poor)

On Black5.36:1 (Good)

#04C804

On White2.27:1 (Poor)

On Black9.27:1 (Excellent)

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: #0466C8;
  --color-2: #C804C8;
  --color-3: #C86604;
  --color-4: #04C804;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.