Professional Color Scheme
Modern Dark Red & Burnt Orange Warm
A 5-color combination featuring Dark Red, Dark Red, Burnt Orange. Perfect for UI design, branding identities, and digital illustrations.
#AA1D40
#AA1D1D
#AA401D
#AA631D
#AA871D
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.
Fast Performance
Secure Cloud
Color Information & Values
| Swatch | HEX | RGB | HSL | Name | Details |
|---|---|---|---|---|---|
#AA1D40 | rgb(170, 29, 64) | hsl(345, 71%, 39%) | Dark Red | View | |
#AA1D1D | rgb(170, 29, 29) | hsl(0, 71%, 39%) | Dark Red | View | |
#AA401D | rgb(170, 64, 29) | hsl(15, 71%, 39%) | Burnt Orange | View | |
#AA631D | rgb(170, 99, 29) | hsl(30, 71%, 39%) | Burnt Orange | View | |
#AA871D | rgb(170, 135, 29) | hsl(45, 71%, 39%) | Dark Yellow | View |
Color Psychology & Usage
Psychology
This green-dominant palette evokes a sense of balance and professionalism.
Detailed Analysis
The combination of Dark Red and Dark Red creates a refined visual hierarchy perfect for modern design projects.
Accessibility & Contrast Report
Score: 69%
#AA1D40
On White7.1:1 (Excellent)
On Black2.96:1 (Poor)
#AA1D1D
On White7.23:1 (Excellent)
On Black2.9:1 (Poor)
#AA401D
On White6.07:1 (Good)
On Black3.46:1 (Poor)
#AA631D
On White4.65:1 (Good)
On Black4.51:1 (Good)
#AA871D
On White3.39:1 (Poor)
On Black6.19:1 (Good)
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: #AA1D40;
--color-2: #AA1D1D;
--color-3: #AA401D;
--color-4: #AA631D;
--color-5: #AA871D;
}Discover Similar Schemes
Palettes that share visual characteristics and color harmony.