Ui micro animation invisionstudio colors

  • Black
    #141414
  • Lavender Indigo
    #8c50f0
  • Blue-Violet
    #8c3cf0
  • Blue-Violet
    #7828f0
  • Lavender Indigo
    #a064f0
  • Pale Violet
    #b48cff
  64
Created at 05/11/2023 12:00
The palette consists of Dark, Semi dark, Light colors. Accent colors Blue-Violet #7828f0 and Pale Violet #b48cff. Palette has Neutral, Cool colors temperature.

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

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

An analogous palette: its hues sit close together on the color wheel, within about 6°.

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

HEX codes (sorted): #141414, #7828F0, #8C3CF0, #8C50F0, #A064F0, #B48CFF

Palette Ui micro animation invisionstudio colors combines 6 color codes:
HEX: #141414, RGB: (20, 20, 20); HEX: #8c50f0, RGB: (140, 80, 240); HEX: #8c3cf0, RGB: (140, 60, 240)
HEX: #7828f0, RGB: (120, 40, 240); HEX: #a064f0, RGB: (160, 100, 240); HEX: #b48cff, RGB: (180, 140, 255)
Simplified version of palette colors
Tint of Black, Shade of Medium Slate Blue, Tint of Blue Violet, Shade of Blue Violet, Shade of Medium Purple, Tint of Medium Purple
Color scheme was created by coolor

Color codes in palette

Ui micro animation invisionstudio colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#141414#141414RGB(20, 20, 20)BlackSooty
#8c50f0#8c50f0RGB(140, 80, 240)Lavender Indigo—
#8c3cf0#8c3cf0RGB(140, 60, 240)Blue-Violet—
#7828f0#7828f0RGB(120, 40, 240)Blue-Violet—
#a064f0#a064f0RGB(160, 100, 240)Lavender Indigo—
#b48cff#b48cffRGB(180, 140, 255)Pale Violet—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#8c50f0
#8c3cf0
1.12
#8c50f0
#7828f0
1.34
#8c50f0
#a064f0
1.23
#8c50f0
#b48cff
1.79
#8c3cf0
#7828f0
1.19
#8c3cf0
#a064f0
1.38

Image palette Ui micro animation invisionstudio colors png