Ux app design ui colors

  • #e61307
  • #f86a5b
  • #900c08
  • #56a66c
  • #d0a49e
  • #333a61
  0.15k

Ux app design ui colors has 6 colors spread across many hues. The lightest color is Rosy Brown (#D0A49E), the darkest Dark Slate Blue (#333A61). Its strongest contrast pair is #333A61 on #D0A49E (4.9:1, WCAG AA).

Created at 09/25/2020 08:30
The palette consists of Semi dark, Light, Dark colors. Accent colors #e61307 and #56a66c. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #333A61 (darkest) to #D0A49E (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range, averaging 62% across the palette.

A varied palette: its hues are spread across about 229° of the color wheel.

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

HEX codes (sorted): #333A61, #56A66C, #900C08, #D0A49E, #E61307, #F86A5B

Palette Ux app design ui colors combines 6 color codes:
HEX: #e61307, RGB: (230, 19, 7); HEX: #f86a5b, RGB: (248, 106, 91); HEX: #900c08, RGB: (144, 12, 8)
HEX: #56a66c, RGB: (86, 166, 108); HEX: #d0a49e, RGB: (208, 164, 158); HEX: #333a61, RGB: (51, 58, 97)
Simplified version of palette colors
Tint of Red, Tint of Tomato, Tint of Dark Red, Shade of Medium Sea Green, Tint of Rosy Brown, Shade of Dark Slate Blue
Color scheme was created by colorswall

Color codes in palette

Ux app design ui colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#e61307#e61307RGB(230, 19, 7)——
#f86a5b#f86a5bRGB(248, 106, 91)——
#900c08#900c08RGB(144, 12, 8)——
#56a66c#56a66cRGB(86, 166, 108)——
#d0a49e#d0a49eRGB(208, 164, 158)——
#333a61#333a61RGB(51, 58, 97)——

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#e61307
#f86a5b
1.61
#e61307
#900c08
1.98
#e61307
#56a66c
1.58
#f86a5b
#56a66c
1.01
#f86a5b
#d0a49e
1.31
#900c08
#333a61
1.16

Image palette Ux app design ui colors png