Mobile mobileapp ux ui design interface hex colors

  • #cc6c74
  • #fcd7d7
  • #622227
  • #846474
  • #ceb0b5
  • #5c4058
  0.22k
Created at 01/08/2021 11:59
The palette consists of Light, Dark, Semi dark colors. Accent colors #cc6c74 and #fcd7d7. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #622227 (darkest) to #FCD7D7 (lightest). The lightness range is wide.

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

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

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

HEX codes (sorted): #5C4058, #622227, #846474, #CC6C74, #CEB0B5, #FCD7D7

Palette Mobile mobileapp ux ui design interface hex colors combines 6 color codes:
HEX: #cc6c74, RGB: (204, 108, 116); HEX: #fcd7d7, RGB: (252, 215, 215); HEX: #622227, RGB: (98, 34, 39)
HEX: #846474, RGB: (132, 100, 116); HEX: #ceb0b5, RGB: (206, 176, 181); HEX: #5c4058, RGB: (92, 64, 88)
Simplified version of palette colors
Tint of Indian Red, Shade of Misty Rose, Tint of Maroon, Tint of Dim Gray, Shade of Thistle, Tint of Dark Slate Blue
Color scheme was created by colorswall

Color codes in palette

Mobile mobileapp ux ui design interface hex colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#cc6c74#cc6c74RGB(204, 108, 116)——
#fcd7d7#fcd7d7RGB(252, 215, 215)——
#622227#622227RGB(98, 34, 39)——
#846474#846474RGB(132, 100, 116)——
#ceb0b5#ceb0b5RGB(206, 176, 181)—Izmir Pink
#5c4058#5c4058RGB(92, 64, 88)——

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#cc6c74
#846474
1.47
#cc6c74
#ceb0b5
1.76
#fcd7d7
#ceb0b5
1.5
#622227
#5c4058
1.31
#846474
#5c4058
1.74

Image palette Mobile mobileapp ux ui design interface hex colors png