Loading...
Created at 12/12/2022 15:29
Trading ux design ui colors
- Han Blue#3a74c3
- United Nations Blue#5598e3
- Chocolate Cosmos#5d101f
- Slate Gray#708f8c
- Lavender Gray#bdc4cc
- Police Blue#34505e
The palette consists of Light, Dark colors. Accent colors United Nations Blue #5598e3 and Chocolate Cosmos #5d101f. Palette has Cool, Warm colors temperature.
By lightness, this palette runs from #5D101F (darkest) to #BDC4CC (lightest). The lightness range is wide.
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): #34505E, #3A74C3, #5598E3, #5D101F, #708F8C, #BDC4CC
Palette Trading ux design ui colors has combination of 6 codes colors:
HEX: #3a74c3, RGB: (58, 116, 195); HEX: #5598e3, RGB: (85, 152, 227); HEX: #5d101f, RGB: (93, 16, 31)
HEX: #708f8c, RGB: (112, 143, 140); HEX: #bdc4cc, RGB: (189, 196, 204); HEX: #34505e, RGB: (52, 80, 94)
Simplified version of palette colors
Tint of steelblue, Tint of cornflowerblue, Shade of Maroon, Tint of cadetblue, Shade of Silver, Shade of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Trading ux design ui colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3a74c3 | #3a74c3 | RGB(58, 116, 195) | Han Blue | — |
| #5598e3 | #5598e3 | RGB(85, 152, 227) | United Nations Blue | — |
| #5d101f | #5d101f | RGB(93, 16, 31) | Chocolate Cosmos | — |
| #708f8c | #708f8c | RGB(112, 143, 140) | Slate Gray | — |
| #bdc4cc | #bdc4cc | RGB(189, 196, 204) | Lavender Gray | — |
| #34505e | #34505e | RGB(52, 80, 94) | Police Blue | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3a74c3 | #5598e3 | 1.56 |
#3a74c3 | #708f8c | 1.34 |
#3a74c3 | #34505e | 1.81 |
#5598e3 | #708f8c | 1.16 |
#5598e3 | #bdc4cc | 1.7 |
#5d101f | #34505e | 1.57 |
Image palette Trading ux design ui colors png
Export Palette
Download the "Trading ux design ui colors" in multiple formats for seamless integration into your design projects.
Available formats: