Created at 05/05/2020 08:48
  0.24k

Tracking data-driven bike ui colours

  • #85b350
  • #c7d7aa
  • #445c28
  • #8cbc79
  • #b6b5c2
  • #444444
The palette consists of Light, Semi dark colors. Accent colors #85b350 and #b6b5c2. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #445C28 (darkest) to #C7D7AA (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

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

Overall temperature among swatches leans warm.

HEX codes (sorted): #444444, #445C28, #85B350, #8CBC79, #B6B5C2, #C7D7AA

Palette Tracking data-driven bike ui colours has combination of 6 codes colors:
HEX: #85b350, RGB: (133, 179, 80); HEX: #c7d7aa, RGB: (199, 215, 170); HEX: #445c28, RGB: (68, 92, 40)
HEX: #8cbc79, RGB: (140, 188, 121); HEX: #b6b5c2, RGB: (182, 181, 194); HEX: #444444, RGB: (68, 68, 68)
Simplified version of palette colors
Tint of Yellowgreen, Tint of palegoldenrod, Tint of darkolivegreen, Tint of darkseagreen, Tint of Silver, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Tracking data-driven bike ui colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#85b350 #85b350 RGB(133, 179, 80)
#c7d7aa #c7d7aa RGB(199, 215, 170)
#445c28 #445c28 RGB(68, 92, 40)
#8cbc79 #8cbc79 RGB(140, 188, 121)
#b6b5c2 #b6b5c2 RGB(182, 181, 194)
#444444 #444444 RGB(68, 68, 68)Goshawk Grey

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#85b350
#c7d7aa
1.6
#85b350
#8cbc79
1.11
#85b350
#b6b5c2
1.21
#c7d7aa
#8cbc79
1.43
#c7d7aa
#b6b5c2
1.32
#445c28
#444444
1.3

Image palette Tracking data-driven bike ui colours png