Created at 11/06/2019 21:23
  0.24k

Design system ui interaction style guide colors

#8c2194
#dcb4c9
#8b1f8c
#9e4ca4
#d4b4dc
#38324c
The palette consists of Light, Semi dark colors. Accent colors #8c2194 and #8b1f8c. Palette has Cool, Neutral colors temperature.
Palette Design system ui interaction style guide colors has combination of 6 codes colors:
HEX: #8c2194, RGB: (140, 33, 148); HEX: #dcb4c9, RGB: (220, 180, 201); HEX: #8b1f8c, RGB: (139, 31, 140)
HEX: #9e4ca4, RGB: (158, 76, 164); HEX: #d4b4dc, RGB: (212, 180, 220); HEX: #38324c, RGB: (56, 50, 76)
Simplified version of palette colors
Shade of darkmagenta, Tint of thistle, Shade of darkmagenta, Shade of darkorchid, Tint of thistle, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Design system ui interaction style guide colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#8c2194 RGB(140, 33, 148)
#dcb4c9 RGB(220, 180, 201)
#8b1f8c RGB(139, 31, 140)
#9e4ca4 RGB(158, 76, 164)
#d4b4dc RGB(212, 180, 220)
#38324c RGB(56, 50, 76)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#8c2194
#8b1f8c
1.03
#8c2194
#9e4ca4
1.45
#8c2194
#38324c
1.59
#dcb4c9
#d4b4dc
1
#8b1f8c
#9e4ca4
1.5
#8b1f8c
#38324c
1.54

Image palette Design system ui interaction style guide colors png