Created at 11/06/2019 06:55
  0.35k

App interaction review ui animation colours

  • #19ddfb
  • #f0c285
  • #027182
  • #74747c
  • #b5cfcf
  • #0c140c
The palette consists of Light, Semi dark, Dark colors. Accent colors #f0c285 and #027182. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #0C140C (darkest) to #B5CFCF (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #027182, #0C140C, #19DDFB, #74747C, #B5CFCF, #F0C285

Palette App interaction review ui animation colours has combination of 6 codes colors:
HEX: #19ddfb, RGB: (25, 221, 251); HEX: #f0c285, RGB: (240, 194, 133); HEX: #027182, RGB: (2, 113, 130)
HEX: #74747c, RGB: (116, 116, 124); HEX: #b5cfcf, RGB: (181, 207, 207); HEX: #0c140c, RGB: (12, 20, 12)
Simplified version of palette colors
Tint of skyblue, Shade of burlywood, Tint of Teal, Shade of dimgrey, Tint of powderblue, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

App interaction review ui animation colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#19ddfb #19ddfb RGB(25, 221, 251)
#f0c285 #f0c285 RGB(240, 194, 133)
#027182 #027182 RGB(2, 113, 130)
#74747c #74747c RGB(116, 116, 124)
#b5cfcf #b5cfcf RGB(181, 207, 207)
#0c140c #0c140c RGB(12, 20, 12)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#19ddfb
#f0c285
1
#19ddfb
#b5cfcf
1
#f0c285
#b5cfcf
1
#027182
#74747c
1.22

Image palette App interaction review ui animation colours png