Created at 06/01/2021 13:57
  0.46k

Champions league ux design vector colours

  • #f64434
  • #f4a484
  • #742c1c
  • #9a4c42
  • #d0bea7
  • #63302b
The palette consists of Light, Semi dark colors. Accent colors #f64434 and #f4a484. Palette has Warm colors temperature.

By lightness, this palette runs from #63302B (darkest) to #F4A484 (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): #63302B, #742C1C, #9A4C42, #D0BEA7, #F4A484, #F64434

Palette Champions league ux design vector colours has combination of 6 codes colors:
HEX: #f64434, RGB: (246, 68, 52); HEX: #f4a484, RGB: (244, 164, 132); HEX: #742c1c, RGB: (116, 44, 28)
HEX: #9a4c42, RGB: (154, 76, 66); HEX: #d0bea7, RGB: (208, 190, 167); HEX: #63302b, RGB: (99, 48, 43)
Simplified version of palette colors
Shade of Red, Shade of lightsalmon, Shade of Maroon, Shade of brown, Shade of tan, Shade of Maroon
Color scheme was created by colorswall

Colors codes in palette

Champions league ux design vector colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f64434 #f64434 RGB(246, 68, 52)
#f4a484 #f4a484 RGB(244, 164, 132)
#742c1c #742c1c RGB(116, 44, 28)
#9a4c42 #9a4c42 RGB(154, 76, 66)
#d0bea7 #d0bea7 RGB(208, 190, 167)
#63302b #63302b RGB(99, 48, 43)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f64434
#f4a484
1.81
#f64434
#9a4c42
1.66
#f4a484
#d0bea7
1.1
#742c1c
#9a4c42
1.64
#742c1c
#63302b
1.06
#9a4c42
#63302b
1.75

Image palette Champions league ux design vector colours png