Loading...
Created at 12/12/2022 15:29
  0.12k

Trading ux design ui colors

  • Han Blue
    #3a74c3
  • United Nations Blue
    #5598e3
  • Chocolate Cosmos
    #5d101f
  • Slate Gray
    #708f8c
  • Lavender Gray
    #bdc4cc
  • Police Blue
    #34505e
Loading...
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

Loading...
Loading...
Loading...