Created at 10/08/2019 21:58
  0.23k

Ui design app colours

  • #f16622
  • #6e66f3
  • #5c7c34
  • #544ca4
  • #9ebbc9
  • #302f44
The palette consists of Light, Semi dark, Dark colors. Accent colors #f16622 and #6e66f3. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #302F44 (darkest) to #9EBBC9 (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 cool.

HEX codes (sorted): #302F44, #544CA4, #5C7C34, #6E66F3, #9EBBC9, #F16622

Palette Ui design app colours has combination of 6 codes colors:
HEX: #f16622, RGB: (241, 102, 34); HEX: #6e66f3, RGB: (110, 102, 243); HEX: #5c7c34, RGB: (92, 124, 52)
HEX: #544ca4, RGB: (84, 76, 164); HEX: #9ebbc9, RGB: (158, 187, 201); HEX: #302f44, RGB: (48, 47, 68)
Simplified version of palette colors
Shade of orangered, Tint of mediumslateblue, Shade of darkolivegreen, Shade of darkslateblue, Tint of lightblue, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Ui design app colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f16622 #f16622 RGB(241, 102, 34)
#6e66f3 #6e66f3 RGB(110, 102, 243)
#5c7c34 #5c7c34 RGB(92, 124, 52)
#544ca4 #544ca4 RGB(84, 76, 164)
#9ebbc9 #9ebbc9 RGB(158, 187, 201)
#302f44 #302f44 RGB(48, 47, 68)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f16622
#6e66f3
1.37
#f16622
#5c7c34
1.51
#f16622
#9ebbc9
1.56
#6e66f3
#5c7c34
1.1
#6e66f3
#544ca4
1.64
#5c7c34
#544ca4
1.48

Image palette Ui design app colours png