Created at 09/09/2020 06:57
  0.19k

Userinterface design adobe xd ui

  • #5c55f3
  • #7574f3
  • #b21c47
  • #a7725a
  • #dcbcc4
  • #63423a
The palette consists of Semi dark, Light colors. Accent colors #5c55f3 and #a7725a. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #63423A (darkest) to #DCBCC4 (lightest). The lightness range is moderate.

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

Hues are spread broadly around the wheel — a varied palette (loose heuristic).

Overall temperature among swatches leans warm.

HEX codes (sorted): #5C55F3, #63423A, #7574F3, #A7725A, #B21C47, #DCBCC4

Palette Userinterface design adobe xd ui has combination of 6 codes colors:
HEX: #5c55f3, RGB: (92, 85, 243); HEX: #7574f3, RGB: (117, 116, 243); HEX: #b21c47, RGB: (178, 28, 71)
HEX: #a7725a, RGB: (167, 114, 90); HEX: #dcbcc4, RGB: (220, 188, 196); HEX: #63423a, RGB: (99, 66, 58)
Simplified version of palette colors
Tint of slateblue, Shade of mediumslateblue, Tint of brown, Shade of sienna, Tint of thistle, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Userinterface design adobe xd ui color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#5c55f3 #5c55f3 RGB(92, 85, 243)
#7574f3 #7574f3 RGB(117, 116, 243)
#b21c47 #b21c47 RGB(178, 28, 71)
#a7725a #a7725a RGB(167, 114, 90)
#dcbcc4 #dcbcc4 RGB(220, 188, 196)
#63423a #63423a RGB(99, 66, 58)

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#5c55f3
#7574f3
1.37
#5c55f3
#b21c47
1.28
#5c55f3
#a7725a
1.28
#5c55f3
#63423a
1.7
#7574f3
#b21c47
1.76
#7574f3
#a7725a
1.06

Image palette Userinterface design adobe xd ui png