Created at 10/30/2019 07:45
  0.18k

Interface website ux

  • #772df4
  • #cdb6ef
  • #32067e
  • #7c808f
  • #a8a0c1
  • #64414f
The palette consists of Light, Dark colors. Accent colors #772df4 and #32067e. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #32067E (darkest) to #CDB6EF (lightest). The lightness range is wide.

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

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #32067E, #64414F, #772DF4, #7C808F, #A8A0C1, #CDB6EF

Palette Interface website ux has combination of 6 codes colors:
HEX: #772df4, RGB: (119, 45, 244); HEX: #cdb6ef, RGB: (205, 182, 239); HEX: #32067e, RGB: (50, 6, 126)
HEX: #7c808f, RGB: (124, 128, 143); HEX: #a8a0c1, RGB: (168, 160, 193); HEX: #64414f, RGB: (100, 65, 79)
Simplified version of palette colors
Tint of blueviolet, Shade of plum, Tint of indigo, Shade of slategrey, Tint of thistle, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Interface website ux color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#772df4 #772df4 RGB(119, 45, 244)
#cdb6ef #cdb6ef RGB(205, 182, 239)
#32067e #32067e RGB(50, 6, 126)
#7c808f #7c808f RGB(124, 128, 143)
#a8a0c1 #a8a0c1 RGB(168, 160, 193)
#64414f #64414f RGB(100, 65, 79)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#772df4
#7c808f
1.54
#772df4
#64414f
1.43
#cdb6ef
#a8a0c1
1.36
#32067e
#64414f
1.64
#7c808f
#a8a0c1
1.58

Image palette Interface website ux png