Created at 05/31/2021 08:39
  0.17k

Illustration design ui flat colours

  • #a5c131
  • #f0938e
  • #7f9f44
  • #92a85b
  • #9fd1bb
  • #435234
The palette consists of Light colors. Accent colors #f0938e and #9fd1bb. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #435234 (darkest) to #F0938E (lightest). The lightness range is moderate.

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 warm.

HEX codes (sorted): #435234, #7F9F44, #92A85B, #9FD1BB, #A5C131, #F0938E

Palette Illustration design ui flat colours has combination of 6 codes colors:
HEX: #a5c131, RGB: (165, 193, 49); HEX: #f0938e, RGB: (240, 147, 142); HEX: #7f9f44, RGB: (127, 159, 68)
HEX: #92a85b, RGB: (146, 168, 91); HEX: #9fd1bb, RGB: (159, 209, 187); HEX: #435234, RGB: (67, 82, 52)
Simplified version of palette colors
Tint of Yellowgreen, Shade of lightcoral, Shade of olivedrab, Tint of darkkhaki, Shade of mediumaquamarine, Tint of darkolivegreen
Color scheme was created by colorswall

Colors codes in palette

Illustration design ui flat colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#a5c131 #a5c131 RGB(165, 193, 49)
#f0938e #f0938e RGB(240, 147, 142)
#7f9f44 #7f9f44 RGB(127, 159, 68)
#92a85b #92a85b RGB(146, 168, 91)
#9fd1bb #9fd1bb RGB(159, 209, 187)
#435234 #435234 RGB(67, 82, 52)

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#a5c131
#f0938e
1.1
#a5c131
#7f9f44
1.47
#a5c131
#92a85b
1.28
#a5c131
#9fd1bb
1.19
#f0938e
#7f9f44
1.33
#f0938e
#92a85b
1.16

Image palette Illustration design ui flat colours png