Professional Color Scheme

Vibrant Vibrant Navy & Vibrant Blue Cool

A 3-color combination featuring Vibrant Navy, Vibrant Blue, Vibrant Navy. Perfect for UI design, branding identities, and digital illustrations.

86 likesbluenavypalette
#661AFF
#2D1AFF
#661AFF

Professional Visualization

See how this palette performs in real-world UI mockups.

Modern Interface Design

Experience the perfect harmony of colors calculated for your brand identity.

Learn More

Fast Performance

Secure Cloud

Color Information & Values

SwatchHEXRGBHSLNameDetails
#661AFFrgb(102, 26, 255)hsl(260, 100%, 55%)Vibrant NavyView
#2D1AFFrgb(45, 26, 255)hsl(245, 100%, 55%)Vibrant BlueView
#661AFFrgb(102, 26, 255)hsl(260, 100%, 55%)Vibrant NavyView

Color Psychology & Usage

Psychology

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

Detailed Analysis

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

Best Applications
PhotographyPackagingPrint MediaPresentations
Tags

Accessibility & Contrast Report

Score: 70%
#661AFF
On White6.65:1 (Good)
On Black3.16:1 (Poor)
#2D1AFF
On White7.77:1 (Excellent)
On Black2.7:1 (Poor)
#661AFF
On White6.65:1 (Good)
On Black3.16: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: #661AFF;
  --color-2: #2D1AFF;
  --color-3: #661AFF;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.