Created at 04/08/2021 12:40
  0.22k

Mobile app ui design onboarding hex colors

#fc9e40
#fca270
#824202
#9a9ca7
#bcc4c8
#964c02
The palette consists of Light, Semi dark colors. Accent colors #bcc4c8 and #964c02. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #824202 (darkest) to #BCC4C8 (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma).

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans warm.

HEX codes (sorted): #824202, #964C02, #9A9CA7, #BCC4C8, #FC9E40, #FCA270

Palette Mobile app ui design onboarding hex colors has combination of 6 codes colors:
HEX: #fc9e40, RGB: (252, 158, 64); HEX: #fca270, RGB: (252, 162, 112); HEX: #824202, RGB: (130, 66, 2)
HEX: #9a9ca7, RGB: (154, 156, 167); HEX: #bcc4c8, RGB: (188, 196, 200); HEX: #964c02, RGB: (150, 76, 2)
Simplified version of palette colors
Tint of sandybrown, Tint of lightsalmon, Tint of saddlebrown, Tint of darkgrey, Shade of Silver, Shade of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Mobile app ui design onboarding hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fc9e40 #fc9e40 RGB(252, 158, 64)
#fca270 #fca270 RGB(252, 162, 112)
#824202 #824202 RGB(130, 66, 2)
#9a9ca7 #9a9ca7 RGB(154, 156, 167)
#bcc4c8 #bcc4c8 RGB(188, 196, 200)
#964c02 #964c02 RGB(150, 76, 2)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fc9e40
#fca270
1.04
#fc9e40
#9a9ca7
1.31
#fc9e40
#bcc4c8
1.17
#fca270
#9a9ca7
1.37
#fca270
#bcc4c8
1.12
#824202
#964c02
1.22

Image palette Mobile app ui design onboarding hex colors png