Loading...
Created at 12/27/2019 12:22
  0.22k

Design app gradient ux hex colors

  • #f8b644
  • #fa849c
  • #7f5204
  • #935f05
  • #930522
  • #140c0c
Loading...
The palette consists of Light, Semi dark, Dark colors. Accent colors #7f5204 and #935f05. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #140C0C (darkest) to #FA849C (lightest). The lightness range is wide.

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): #140C0C, #7F5204, #930522, #935F05, #F8B644, #FA849C

Palette Design app gradient ux hex colors has combination of 6 codes colors:
HEX: #f8b644, RGB: (248, 182, 68); HEX: #fa849c, RGB: (250, 132, 156); HEX: #7f5204, RGB: (127, 82, 4)
HEX: #935f05, RGB: (147, 95, 5); HEX: #930522, RGB: (147, 5, 34); HEX: #140c0c, RGB: (20, 12, 12)
Simplified version of palette colors
Shade of Orange, Shade of lightcoral, Shade of saddlebrown, Shade of saddlebrown, Tint of brown, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Design app gradient ux hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f8b644 #f8b644 RGB(248, 182, 68)
#fa849c #fa849c RGB(250, 132, 156)
#7f5204 #7f5204 RGB(127, 82, 4)
#935f05 #935f05 RGB(147, 95, 5)
#930522 #930522 RGB(147, 5, 34)
#140c0c #140c0c RGB(20, 12, 12)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f8b644
#fa849c
1.33
#7f5204
#935f05
1.24
#7f5204
#930522
1.36
#935f05
#930522
1.69

Image palette Design app gradient ux hex colors png

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