Created at 11/22/2022 17:48
Ui components web product
- Tufts Blue#3ca0e4
- Sky Blue#8ac6ee
- Metallic Blue#2c5c84
- Blue Yonder#4e7ca2
- Cadet Grey#949cbc
- Liver Chestnut (Horses)#544434
The palette consists of Light, Semi dark colors. Accent colors Tufts Blue #3ca0e4 and Liver Chestnut (Horses) #544434. Palette has Cool, Warm colors temperature.
By lightness, this palette runs from #544434 (darkest) to #8AC6EE (lightest). The lightness range is moderate.
Saturation is mixed — some muted swatches and some vivid accents.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #2C5C84, #3CA0E4, #4E7CA2, #544434, #8AC6EE, #949CBC
Palette Ui components web product has combination of 6 codes colors:
HEX: #3ca0e4, RGB: (60, 160, 228); HEX: #8ac6ee, RGB: (138, 198, 238); HEX: #2c5c84, RGB: (44, 92, 132)
HEX: #4e7ca2, RGB: (78, 124, 162); HEX: #949cbc, RGB: (148, 156, 188); HEX: #544434, RGB: (84, 68, 52)
Simplified version of palette colors
Shade of dodgerblue, Tint of lightskyblue, Tint of royalblue, Tint of steelblue, Shade of lightslategrey, Tint of dimgrey
Color scheme was created by bad_colors
Colors codes in palette
Ui components web product color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3ca0e4 | #3ca0e4 | RGB(60, 160, 228) | Tufts Blue | — |
| #8ac6ee | #8ac6ee | RGB(138, 198, 238) | Sky Blue | — |
| #2c5c84 | #2c5c84 | RGB(44, 92, 132) | Metallic Blue | — |
| #4e7ca2 | #4e7ca2 | RGB(78, 124, 162) | Blue Yonder | — |
| #949cbc | #949cbc | RGB(148, 156, 188) | Cadet Grey | — |
| #544434 | #544434 | RGB(84, 68, 52) | Liver Chestnut (Horses) | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3ca0e4 | #8ac6ee | 1.55 |
#3ca0e4 | #4e7ca2 | 1.55 |
#3ca0e4 | #949cbc | 1.05 |
#8ac6ee | #949cbc | 1.47 |
#2c5c84 | #4e7ca2 | 1.59 |
#2c5c84 | #544434 | 1.31 |
Image palette Ui components web product png
Export Palette
Download the "Ui components web product" in multiple formats for seamless integration into your design projects.
Available formats: