Created at 08/06/2020 22:23
  0.22k

Mobile design ux app colors

  • #b3734b
  • #ddc0ae
  • #5d3b27
  • #58999c
  • #accccc
  • #7a675b
The palette consists of Light colors. Accent colors #b3734b and #58999c. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #5D3B27 (darkest) to #DDC0AE (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

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): #58999C, #5D3B27, #7A675B, #ACCCCC, #B3734B, #DDC0AE

Palette Mobile design ux app colors has combination of 6 codes colors:
HEX: #b3734b, RGB: (179, 115, 75); HEX: #ddc0ae, RGB: (221, 192, 174); HEX: #5d3b27, RGB: (93, 59, 39)
HEX: #58999c, RGB: (88, 153, 156); HEX: #accccc, RGB: (172, 204, 204); HEX: #7a675b, RGB: (122, 103, 91)
Simplified version of palette colors
Shade of chocolate, Tint of peachpuff, Tint of saddlebrown, Tint of cadetblue, Tint of powderblue, Shade of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Mobile design ux app colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#b3734b #b3734b RGB(179, 115, 75)
#ddc0ae #ddc0ae RGB(221, 192, 174)
#5d3b27 #5d3b27 RGB(93, 59, 39)
#58999c #58999c RGB(88, 153, 156)
#accccc #accccc RGB(172, 204, 204)
#7a675b #7a675b RGB(122, 103, 91)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#b3734b
#58999c
1.17
#b3734b
#7a675b
1.39
#ddc0ae
#58999c
1.89
#ddc0ae
#accccc
1
#5d3b27
#7a675b
1.84
#58999c
#accccc
1.9

Image palette Mobile design ux app colors png