Loading...
Created at 08/26/2022 09:11
  0.14k

Ui illustration mockup animation

  • Blue-Violet (Crayola)
    #6b63b6
  • Light Cobalt Blue
    #8a9deb
  • Persian Indigo
    #2c1c68
  • French Lilac
    #8c64a4
  • Lilac
    #c0a4d0
  • Jacarta
    #342d4f
Loading...
The palette consists of Light, Dark colors. Accent colors Light Cobalt Blue #8a9deb and Persian Indigo #2c1c68. Palette has Cool colors temperature.

By lightness, this palette runs from #342D4F (darkest) to #8A9DEB (lightest). The lightness range is moderate.

Saturation is mixed — some muted swatches and some vivid accents.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans cool.

HEX codes (sorted): #2C1C68, #342D4F, #6B63B6, #8A9DEB, #8C64A4, #C0A4D0

Palette Ui illustration mockup animation has combination of 6 codes colors:
HEX: #6b63b6, RGB: (107, 99, 182); HEX: #8a9deb, RGB: (138, 157, 235); HEX: #2c1c68, RGB: (44, 28, 104)
HEX: #8c64a4, RGB: (140, 100, 164); HEX: #c0a4d0, RGB: (192, 164, 208); HEX: #342d4f, RGB: (52, 45, 79)
Simplified version of palette colors
Shade of slateblue, Shade of cornflowerblue, Shade of midnightblue, Tint of mediumpurple, Tint of plum, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Ui illustration mockup animation color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#6b63b6 #6b63b6 RGB(107, 99, 182)Blue-Violet (Crayola)
#8a9deb #8a9deb RGB(138, 157, 235)Light Cobalt Blue
#2c1c68 #2c1c68 RGB(44, 28, 104)Persian Indigo
#8c64a4 #8c64a4 RGB(140, 100, 164)French Lilac
#c0a4d0 #c0a4d0 RGB(192, 164, 208)Lilac
#342d4f #342d4f RGB(52, 45, 79)Jacarta

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#6b63b6
#8a9deb
1.98
#6b63b6
#8c64a4
1.09
#8a9deb
#8c64a4
1.81
#8a9deb
#c0a4d0
1.16
#2c1c68
#342d4f
1.1

Image palette Ui illustration mockup animation png

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