Interface timer time ui colors

  • #fcbc04
  • #fddc7b
  • #3c045b
  • #80649c
  • #c1b8c4
  • #7f4338
  0.27k

Interface timer time ui colors has 6 colors spread across many hues. The lightest color is Khaki (#FDDC7B), the darkest Indigo (#3C045B). Its strongest contrast pair is #3C045B on #FDDC7B (11.5:1, WCAG AAA).

Created at 11/01/2020 17:57
The palette consists of Light, Dark, Semi dark colors. Accent colors #fcbc04 and #3c045b. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #3C045B (darkest) to #FDDC7B (lightest). The lightness range is wide.

Saturation is mixed — 2 muted and 3 vivid out of 6 colors.

A varied palette: its hues are spread across about 135° of the color wheel.

Overall temperature among swatches leans warm (3 of 6).

HEX codes (sorted): #3C045B, #7F4338, #80649C, #C1B8C4, #FCBC04, #FDDC7B

Palette Interface timer time ui colors combines 6 color codes:
HEX: #fcbc04, RGB: (252, 188, 4); HEX: #fddc7b, RGB: (253, 220, 123); HEX: #3c045b, RGB: (60, 4, 91)
HEX: #80649c, RGB: (128, 100, 156); HEX: #c1b8c4, RGB: (193, 184, 196); HEX: #7f4338, RGB: (127, 67, 56)
Simplified version of palette colors
Tint of Goldenrod, Shade of Khaki, Shade of Indigo, Shade of Medium Purple, Shade of Silver, Tint of Brown
Color scheme was created by colorswall

Color codes in palette

Interface timer time ui colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#fcbc04#fcbc04RGB(252, 188, 4)——
#fddc7b#fddc7bRGB(253, 220, 123)——
#3c045b#3c045bRGB(60, 4, 91)——
#80649c#80649cRGB(128, 100, 156)——
#c1b8c4#c1b8c4RGB(193, 184, 196)——
#7f4338#7f4338RGB(127, 67, 56)——

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#fcbc04
#fddc7b
1.27
#fcbc04
#c1b8c4
1.12
#fddc7b
#c1b8c4
1.43
#80649c
#7f4338
1.52

Image palette Interface timer time ui colors png