Loading...
Created at 06/08/2022 14:25
  0.22k

Minimal landing page ui 2018 website design

  • Purple (X11)
    #a022fa
  • Lavender (Floral)
    #bf6fee
  • Indigo
    #4c0281
  • Metallic Violet
    #580395
  • Cadet Blue (Crayola)
    #b4a8cc
  • Dark Purple
    #2d243c
Loading...
The palette consists of Light, Dark colors. Accent colors Indigo #4c0281 and Metallic Violet #580395. Palette has Cool colors temperature.

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

Overall saturation feels vivid (higher chroma).

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #2D243C, #4C0281, #580395, #A022FA, #B4A8CC, #BF6FEE

Palette Minimal landing page ui 2018 website design has combination of 6 codes colors:
HEX: #a022fa, RGB: (160, 34, 250); HEX: #bf6fee, RGB: (191, 111, 238); HEX: #4c0281, RGB: (76, 2, 129)
HEX: #580395, RGB: (88, 3, 149); HEX: #b4a8cc, RGB: (180, 168, 204); HEX: #2d243c, RGB: (45, 36, 60)
Simplified version of palette colors
Shade of blueviolet, Shade of mediumorchid, Shade of indigo, Shade of indigo, Tint of thistle, Shade of midnightblue
Color scheme was created by colorswall

Colors codes in palette

Minimal landing page ui 2018 website design color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#a022fa #a022fa RGB(160, 34, 250)Purple (X11)
#bf6fee #bf6fee RGB(191, 111, 238)Lavender (Floral)
#4c0281 #4c0281 RGB(76, 2, 129)Indigo
#580395 #580395 RGB(88, 3, 149)Metallic Violet
#b4a8cc #b4a8cc RGB(180, 168, 204)Cadet Blue (Crayola)
#2d243c #2d243c RGB(45, 36, 60)Dark Purple

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#a022fa
#bf6fee
1.63
#bf6fee
#b4a8cc
1.4
#4c0281
#580395
1.14
#4c0281
#2d243c
1.14
#580395
#2d243c
1.3

Image palette Minimal landing page ui 2018 website design png

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