Loading...
Created at 11/12/2019 22:42
  0.2k

Minimal uidesign interaction app palette

  • #fa043c
  • #e4365c
  • #980b2c
  • #6953a3
  • #a5a6bd
  • #3f2d4a
Loading...
The palette consists of Light, Semi dark, Dark colors. Accent colors #fa043c and #980b2c. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #3F2D4A (darkest) to #A5A6BD (lightest). The lightness range is moderate.

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

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

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #3F2D4A, #6953A3, #980B2C, #A5A6BD, #E4365C, #FA043C

Palette Minimal uidesign interaction app palette has combination of 6 codes colors:
HEX: #fa043c, RGB: (250, 4, 60); HEX: #e4365c, RGB: (228, 54, 92); HEX: #980b2c, RGB: (152, 11, 44)
HEX: #6953a3, RGB: (105, 83, 163); HEX: #a5a6bd, RGB: (165, 166, 189); HEX: #3f2d4a, RGB: (63, 45, 74)
Simplified version of palette colors
Tint of crimson, Tint of indianred, Tint of brown, Tint of slateblue, Tint of lightsteelblue, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Minimal uidesign interaction app palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fa043c #fa043c RGB(250, 4, 60)
#e4365c #e4365c RGB(228, 54, 92)
#980b2c #980b2c RGB(152, 11, 44)
#6953a3 #6953a3 RGB(105, 83, 163)
#a5a6bd #a5a6bd RGB(165, 166, 189)
#3f2d4a #3f2d4a RGB(63, 45, 74)

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fa043c
#e4365c
1.03
#fa043c
#6953a3
1.52
#fa043c
#a5a6bd
1.7
#e4365c
#6953a3
1.47
#e4365c
#a5a6bd
1.76
#980b2c
#6953a3
1.39

Image palette Minimal uidesign interaction app palette png

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