Loading...
Created at 06/15/2020 06:39
  0.26k

Finance analytics dark theme ux

  • #5e2ce3
  • #a082f0
  • #34197d
  • #54548c
  • #311088
  • #2e584d
Loading...
The palette consists of Light, Dark, Semi dark colors. Accent colors #a082f0 and #311088. Palette has Cool colors temperature.

By lightness, this palette runs from #2E584D (darkest) to #A082F0 (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma).

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #2E584D, #311088, #34197D, #54548C, #5E2CE3, #A082F0

Palette Finance analytics dark theme ux has combination of 6 codes colors:
HEX: #5e2ce3, RGB: (94, 44, 227); HEX: #a082f0, RGB: (160, 130, 240); HEX: #34197d, RGB: (52, 25, 125)
HEX: #54548c, RGB: (84, 84, 140); HEX: #311088, RGB: (49, 16, 136); HEX: #2e584d, RGB: (46, 88, 77)
Simplified version of palette colors
Tint of blueviolet, Shade of mediumpurple, Shade of midnightblue, Shade of darkslateblue, Shade of darkblue, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Finance analytics dark theme ux color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#5e2ce3 #5e2ce3 RGB(94, 44, 227)
#a082f0 #a082f0 RGB(160, 130, 240)
#34197d #34197d RGB(52, 25, 125)
#54548c #54548c RGB(84, 84, 140)
#311088 #311088 RGB(49, 16, 136)
#2e584d #2e584d RGB(46, 88, 77)

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#5e2ce3
#34197d
1.86
#5e2ce3
#54548c
1.02
#5e2ce3
#311088
1.88
#5e2ce3
#2e584d
1.12
#34197d
#54548c
1.91
#34197d
#311088
1.01

Image palette Finance analytics dark theme ux png

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