Created at 04/30/2021 15:01
  0.25k

Animation design ux ui colours

#7ae4b2
#bafbda
#166e44
#58a280
#9accb2
#2c4e3c
The palette consists of Light, Semi dark colors. Accent colors #bafbda and #166e44. Palette has Cool colors temperature.
Palette Animation design ux ui colours has combination of 6 codes colors:
HEX: #7ae4b2, RGB: (122, 228, 178); HEX: #bafbda, RGB: (186, 251, 218); HEX: #166e44, RGB: (22, 110, 68)
HEX: #58a280, RGB: (88, 162, 128); HEX: #9accb2, RGB: (154, 204, 178); HEX: #2c4e3c, RGB: (44, 78, 60)
Simplified version of palette colors
Shade of mediumaquamarine, Shade of aquamarine, Tint of seashell, Shade of mediumseagreen, Shade of darkseagreen, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Animation design ux ui colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#7ae4b2 #7ae4b2 RGB(122, 228, 178)
#bafbda #bafbda RGB(186, 251, 218)
#166e44 #166e44 RGB(22, 110, 68)
#58a280 #58a280 RGB(88, 162, 128)
#9accb2 #9accb2 RGB(154, 204, 178)
#2c4e3c #2c4e3c RGB(44, 78, 60)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#7ae4b2
#bafbda
1.31
#7ae4b2
#58a280
1.96
#7ae4b2
#9accb2
1.16
#bafbda
#9accb2
1.53
#166e44
#2c4e3c
1.48
#58a280
#9accb2
1.69

Image palette Animation design ux ui colours png