Professional Color Scheme
Muted Muted Sky Blue & Muted Blue Cool
A 5-color combination featuring Muted Sky Blue, Muted Blue, Muted Blue. Perfect for UI design, branding identities, and digital illustrations.
#668593
#667A93
#666F93
#696693
#756693
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 |
|---|---|---|---|---|---|
#668593 | rgb(102, 133, 147) | hsl(199, 18%, 49%) | Muted Sky Blue | View | |
#667A93 | rgb(102, 122, 147) | hsl(213, 18%, 49%) | Muted Blue | View | |
#666F93 | rgb(102, 111, 147) | hsl(228, 18%, 49%) | Muted Blue | View | |
#696693 | rgb(105, 102, 147) | hsl(244, 18%, 49%) | Muted Blue | View | |
#756693 | rgb(117, 102, 147) | hsl(260, 18%, 49%) | Muted Navy | View |
Color Psychology & Usage
Psychology
This blue-dominant palette evokes a sense of balance and professionalism.
Detailed Analysis
The combination of Muted Sky Blue and Muted Blue creates a refined visual hierarchy perfect for modern design projects.
Accessibility & Contrast Report
Score: 66%
#668593
On White3.93:1 (Poor)
On Black5.34:1 (Good)
#667A93
On White4.4:1 (Poor)
On Black4.77:1 (Good)
#666F93
On White4.93:1 (Good)
On Black4.26:1 (Poor)
#696693
On White5.35:1 (Good)
On Black3.92:1 (Poor)
#756693
On White5.15:1 (Good)
On Black4.08: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: #668593;
--color-2: #667A93;
--color-3: #666F93;
--color-4: #696693;
--color-5: #756693;
}Discover Similar Schemes
Palettes that share visual characteristics and color harmony.