Loading...
Created at 11/08/2020 17:44
  0.24k

Mobile ui app design typography colours

  • #eca01b
  • #f4d474
  • #0ec27e
  • #868881
  • #c6c3c6
  • #2e3e60
Loading...
The palette consists of Light colors. Accent colors #0ec27e and #c6c3c6. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #2E3E60 (darkest) to #C6C3C6 (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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #0EC27E, #2E3E60, #868881, #C6C3C6, #ECA01B, #F4D474

Palette Mobile ui app design typography colours has combination of 6 codes colors:
HEX: #eca01b, RGB: (236, 160, 27); HEX: #f4d474, RGB: (244, 212, 116); HEX: #0ec27e, RGB: (14, 194, 126)
HEX: #868881, RGB: (134, 136, 129); HEX: #c6c3c6, RGB: (198, 195, 198); HEX: #2e3e60, RGB: (46, 62, 96)
Simplified version of palette colors
Tint of Orange, Tint of Khaki, Tint of mediumseagreen, Shade of Grey, Shade of Silver, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Mobile ui app design typography colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#eca01b #eca01b RGB(236, 160, 27)
#f4d474 #f4d474 RGB(244, 212, 116)
#0ec27e #0ec27e RGB(14, 194, 126)
#868881 #868881 RGB(134, 136, 129)
#c6c3c6 #c6c3c6 RGB(198, 195, 198)
#2e3e60 #2e3e60 RGB(46, 62, 96)

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#eca01b
#f4d474
1.51
#eca01b
#0ec27e
1.06
#eca01b
#868881
1.64
#eca01b
#c6c3c6
1.25
#f4d474
#0ec27e
1.6
#f4d474
#c6c3c6
1.2

Image palette Mobile ui app design typography colours png

Loading...
Loading...
Loading...