Vibrant Vibrant Dark Blue & Vibrant Dark Red Warm

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

♥ 11.4k likesbluepalettebranding

#0462AF

#AF040C

#AFA604

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
`#0462AF`	rgb(4, 98, 175)	hsl(207, 96%, 35%)	Vibrant Dark Blue	View
`#AF040C`	rgb(175, 4, 12)	hsl(357, 96%, 35%)	Vibrant Dark Red	View
`#AFA604`	rgb(175, 166, 4)	hsl(57, 96%, 35%)	Vibrant Dark Yellow	View

Color Psychology & Usage

Psychology

A sophisticated and deep Vibrant Dark Blue scheme that projects authority and timeless stability.

Detailed Analysis

Utilizing Vibrant Dark Blue for backgrounds ensures that primary CTAs and white text pop with maximum emphasis. A strong choice for heritage brands looking to modernize their digital presence.

Best Applications

PackagingArchitectureTypographyPresentations

Accessibility & Contrast Report

Score: 69%

#0462AF

On White6.23:1 (Good)

On Black3.37:1 (Poor)

#AF040C

On White7.38:1 (Excellent)

On Black2.85:1 (Poor)

#AFA604

On White2.54:1 (Poor)

On Black8.28: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: #0462AF;
  --color-2: #AF040C;
  --color-3: #AFA604;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.