Loading...
Created at 12/12/2019 07:40
  0.28k

Uidesign mobile challenge ux colors

  • #f16c9c
  • #ed77a4
  • #2e348c
  • #545ca3
  • #bcbcbc
  • #3f3f3f
Loading...
The palette consists of Light, Semi dark colors. Accent colors #f16c9c and #ed77a4. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #3F3F3F (darkest) to #BCBCBC (lightest). The lightness range is moderate.

Saturation is mixed — some muted swatches and some vivid accents.

Hues sit in a neighboring band on the wheel (loose heuristic).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #2E348C, #3F3F3F, #545CA3, #BCBCBC, #ED77A4, #F16C9C

Palette Uidesign mobile challenge ux colors has combination of 6 codes colors:
HEX: #f16c9c, RGB: (241, 108, 156); HEX: #ed77a4, RGB: (237, 119, 164); HEX: #2e348c, RGB: (46, 52, 140)
HEX: #545ca3, RGB: (84, 92, 163); HEX: #bcbcbc, RGB: (188, 188, 188); HEX: #3f3f3f, RGB: (63, 63, 63)
Simplified version of palette colors
Shade of palevioletred, Shade of palevioletred, Tint of darkslateblue, Tint of slateblue, Tint of Silver, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Uidesign mobile challenge ux colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f16c9c #f16c9c RGB(241, 108, 156)
#ed77a4 #ed77a4 RGB(237, 119, 164)
#2e348c #2e348c RGB(46, 52, 140)
#545ca3 #545ca3 RGB(84, 92, 163)
#bcbcbc #bcbcbc RGB(188, 188, 188)
#3f3f3f #3f3f3f RGB(63, 63, 63)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f16c9c
#ed77a4
1.05
#f16c9c
#bcbcbc
1.5
#ed77a4
#bcbcbc
1.42
#2e348c
#545ca3
1.73
#2e348c
#3f3f3f
1
#545ca3
#3f3f3f
1.72

Image palette Uidesign mobile challenge ux colors png

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