Created at 11/08/2019 18:15
  0.25k

Design ui 100 days of calculator app hex colors

  • #bc5ce1
  • #82acec
  • #56146f
  • #777c92
  • #cfb3dd
  • #631781
The palette consists of Light, Dark colors. Accent colors #82acec and #631781. Palette has Cool colors temperature.

By lightness, this palette runs from #56146F (darkest) to #CFB3DD (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma).

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans cool.

HEX codes (sorted): #56146F, #631781, #777C92, #82ACEC, #BC5CE1, #CFB3DD

Palette Design ui 100 days of calculator app hex colors has combination of 6 codes colors:
HEX: #bc5ce1, RGB: (188, 92, 225); HEX: #82acec, RGB: (130, 172, 236); HEX: #56146f, RGB: (86, 20, 111)
HEX: #777c92, RGB: (119, 124, 146); HEX: #cfb3dd, RGB: (207, 179, 221); HEX: #631781, RGB: (99, 23, 129)
Simplified version of palette colors
Shade of mediumorchid, Shade of cornflowerblue, Shade of indigo, Tint of slategrey, Tint of thistle, Shade of indigo
Color scheme was created by colorswall

Colors codes in palette

Design ui 100 days of calculator app hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#bc5ce1 #bc5ce1 RGB(188, 92, 225)
#82acec #82acec RGB(130, 172, 236)
#56146f #56146f RGB(86, 20, 111)
#777c92 #777c92 RGB(119, 124, 146)
#cfb3dd #cfb3dd RGB(207, 179, 221)
#631781 #631781 RGB(99, 23, 129)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#bc5ce1
#82acec
1.57
#bc5ce1
#777c92
1.13
#bc5ce1
#cfb3dd
1.93
#82acec
#777c92
1.78
#82acec
#cfb3dd
1.22
#56146f
#631781
1.14

Image palette Design ui 100 days of calculator app hex colors png