Created at 07/02/2022 17:13
Web-design ui design e-commerce colors
- Queen Blue#3a63a0
- Azureish White#d4e3ec
- Indigo (Rainbow)#243c6c
- Weldon Blue#7c9ab7
- Pastel Blue#a9c7d2
- Dark Gunmetal#1c2c2c
The palette consists of Semi dark, Light, Dark colors. Accent colors Queen Blue #3a63a0 and Indigo (Rainbow) #243c6c. Palette has Cool colors temperature.
By lightness, this palette runs from #1C2C2C (darkest) to #D4E3EC (lightest). The lightness range is wide.
Saturation sits in a moderate mid-range.
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans cool.
HEX codes (sorted): #1C2C2C, #243C6C, #3A63A0, #7C9AB7, #A9C7D2, #D4E3EC
Palette Web-design ui design e-commerce colors has combination of 6 codes colors:
HEX: #3a63a0, RGB: (58, 99, 160); HEX: #d4e3ec, RGB: (212, 227, 236); HEX: #243c6c, RGB: (36, 60, 108)
HEX: #7c9ab7, RGB: (124, 154, 183); HEX: #a9c7d2, RGB: (169, 199, 210); HEX: #1c2c2c, RGB: (28, 44, 44)
Simplified version of palette colors
Tint of royalblue, Tint of aliceblue, Tint of darkslateblue, Shade of lightslategrey, Tint of lightblue, Tint of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Web-design ui design e-commerce colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3a63a0 | #3a63a0 | RGB(58, 99, 160) | Queen Blue | — |
| #d4e3ec | #d4e3ec | RGB(212, 227, 236) | Azureish White | — |
| #243c6c | #243c6c | RGB(36, 60, 108) | Indigo (Rainbow) | — |
| #7c9ab7 | #7c9ab7 | RGB(124, 154, 183) | Weldon Blue | — |
| #a9c7d2 | #a9c7d2 | RGB(169, 199, 210) | Pastel Blue | — |
| #1c2c2c | #1c2c2c | RGB(28, 44, 44) | Dark Gunmetal | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3a63a0 | #243c6c | 1.79 |
#d4e3ec | #a9c7d2 | 1.35 |
#243c6c | #1c2c2c | 1.34 |
#7c9ab7 | #a9c7d2 | 1.64 |
Image palette Web-design ui design e-commerce colors png
Export Palette
Download the "Web-design ui design e-commerce colors" in multiple formats for seamless integration into your design projects.
Available formats: