Created at 10/01/2018 08:07
  0.87k

UI Components: Buttons colors palette

  • #8a1b7a
  • #3daad6
  • #6baa41
  • #dea336
  • #d94e47
  • #969fb9
The palette consists of Light colors. Accent colors #3daad6 and #dea336. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #8A1B7A (darkest) to #969FB9 (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma).

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans warm.

HEX codes (sorted): #3DAAD6, #6BAA41, #8A1B7A, #969FB9, #D94E47, #DEA336

Palette UI Components: Buttons colors palette has combination of 6 codes colors:
HEX: #8a1b7a, RGB: (138, 27, 122); HEX: #3daad6, RGB: (61, 170, 214); HEX: #6baa41, RGB: (107, 170, 65)
HEX: #dea336, RGB: (222, 163, 54); HEX: #d94e47, RGB: (217, 78, 71); HEX: #969fb9, RGB: (150, 159, 185)
Simplified version of palette colors
Shade of Purple, Shade of deepskyblue, Shade of olivedrab, Shade of goldenrod, Tint of indianred, Tint of lightsteelblue
Color scheme was created by colorswall

Colors codes in palette

UI Components: Buttons colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#8a1b7a #8a1b7a RGB(138, 27, 122)
#3daad6 #3daad6 RGB(61, 170, 214)
#6baa41 #6baa41 RGB(107, 170, 65)
#dea336 #dea336 RGB(222, 163, 54)
#d94e47 #d94e47 RGB(217, 78, 71)
#969fb9 #969fb9 RGB(150, 159, 185)

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3daad6
#6baa41
1.06
#3daad6
#dea336
1.18
#3daad6
#d94e47
1.54
#3daad6
#969fb9
1
#6baa41
#dea336
1.26
#6baa41
#d94e47
1.45

Image palette UI Components: Buttons colors palette png