Finance analytics dark theme ux

  • #5e2ce3
  • #a082f0
  • #34197d
  • #54548c
  • #311088
  • #2e584d
  0.26k
Created at 06/15/2020 06:39
The palette consists of Semi dark, Light, Dark colors. Accent colors #a082f0 and #311088. Palette has Cool colors temperature.

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

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

The hues stay in one region of the color wheel, spanning about 92°.

Overall temperature among swatches leans cool (6 of 6).

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

Palette Finance analytics dark theme ux combines 6 color codes:
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
Shade of Blue Violet, Tint of Medium Purple, Tint of Midnight Blue, Tint of Dark Slate Blue, Tint of Dark Blue, Tint of Dark Slate Gray
Color scheme was created by colorswall

Color codes in palette

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

ColorHEXRGBNameAlternative name
#5e2ce3#5e2ce3RGB(94, 44, 227)——
#a082f0#a082f0RGB(160, 130, 240)——
#34197d#34197dRGB(52, 25, 125)——
#54548c#54548cRGB(84, 84, 140)——
#311088#311088RGB(49, 16, 136)——
#2e584d#2e584dRGB(46, 88, 77)——

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast 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