Professional Color Scheme
Modern Deep Soft Sky Blue & Dark Soft Sky Blue Cool
A 5-color combination featuring Deep Soft Sky Blue, Dark Soft Sky Blue, Soft Sky Blue. Perfect for UI design, branding identities, and digital illustrations.
#1B3F4B
#2F6E83
#449DBB
#7CBBD0
#B4D8E4
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 |
|---|---|---|---|---|---|
#1B3F4B | rgb(27, 63, 75) | hsl(195, 47%, 20%) | Deep Soft Sky Blue | View | |
#2F6E83 | rgb(47, 110, 131) | hsl(195, 47%, 35%) | Dark Soft Sky Blue | View | |
#449DBB | rgb(68, 157, 187) | hsl(195, 47%, 50%) | Soft Sky Blue | View | |
#7CBBD0 | rgb(124, 187, 208) | hsl(195, 47%, 65%) | Soft Sky Blue | View | |
#B4D8E4 | rgb(180, 216, 228) | hsl(195, 47%, 80%) | Light Soft Sky Blue | View |
Color Psychology & Usage
Psychology
This cyan-dominant palette evokes a sense of balance and professionalism.
Detailed Analysis
The combination of Deep Soft Sky Blue and Dark Soft Sky Blue creates a refined visual hierarchy perfect for modern design projects.
Accessibility & Contrast Report
Score: 65%
#1B3F4B
On White11.3:1 (Excellent)
On Black1.86:1 (Poor)
#2F6E83
On White5.71:1 (Good)
On Black3.68:1 (Poor)
#449DBB
On White3.09:1 (Poor)
On Black6.79:1 (Good)
#7CBBD0
On White2.13:1 (Poor)
On Black9.88:1 (Excellent)
#B4D8E4
On White1.51:1 (Poor)
On Black13.88: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: #1B3F4B;
--color-2: #2F6E83;
--color-3: #449DBB;
--color-4: #7CBBD0;
--color-5: #B4D8E4;
}Discover Similar Schemes
Palettes that share visual characteristics and color harmony.