Ui design ecommerce ux mobile hex colors

  • #c47c50
  • #f2c09d
  • #764022
  • #8b897a
  • #c4bca6
  • #4c362d
  0.25k

Ui design ecommerce ux mobile hex colors has 6 colors, mostly orange. The lightest color is Peach Puff (#F2C09D), the darkest Saddle Brown (#4C362D). Its strongest contrast pair is #4C362D on #F2C09D (6.8:1, WCAG AA).

Created at 02/11/2020 16:02
The palette consists of Light, Semi dark colors. Accent colors #f2c09d and #764022. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #4C362D (darkest) to #F2C09D (lightest). The lightness range is moderate.

Saturation is mixed — 3 muted and 2 vivid out of 6 colors.

An analogous palette: its hues sit close together on the color wheel, within about 27°.

Overall temperature among swatches leans warm (5 of 6).

HEX codes (sorted): #4C362D, #764022, #8B897A, #C47C50, #C4BCA6, #F2C09D

Palette Ui design ecommerce ux mobile hex colors combines 6 color codes:
HEX: #c47c50, RGB: (196, 124, 80); HEX: #f2c09d, RGB: (242, 192, 157); HEX: #764022, RGB: (118, 64, 34)
HEX: #8b897a, RGB: (139, 137, 122); HEX: #c4bca6, RGB: (196, 188, 166); HEX: #4c362d, RGB: (76, 54, 45)
Simplified version of palette colors
Shade of Peru, Shade of Peach Puff, Shade of Saddle Brown, Tint of Grey, Tint of Tan, Shade of Saddle Brown
Color scheme was created by colorswall

Color codes in palette

Ui design ecommerce ux mobile hex colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#c47c50#c47c50RGB(196, 124, 80)——
#f2c09d#f2c09dRGB(242, 192, 157)——
#764022#764022RGB(118, 64, 34)——
#8b897a#8b897aRGB(139, 137, 122)——
#c4bca6#c4bca6RGB(196, 188, 166)——
#4c362d#4c362dRGB(76, 54, 45)——

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#c47c50
#8b897a
1.06
#c47c50
#c4bca6
1.74
#f2c09d
#c4bca6
1.15
#764022
#4c362d
1.34
#8b897a
#c4bca6
1.86

Image palette Ui design ecommerce ux mobile hex colors png