Ux design ui interaction hex colors

  • #0463fa
  • #3c8cfc
  • #04348d
  • #ac5870
  • #c4c4b0
  • #544f2a
  0.23k

Ux design ui interaction hex colors has 6 colors spread across many hues. The lightest color is Silver (#C4C4B0), the darkest Dark Slate Blue (#04348D). Its strongest contrast pair is #04348D on #C4C4B0 (6.3:1, WCAG AA).

Created at 06/02/2020 18:41
The palette consists of Semi dark, Light, Dark colors. Accent colors #3c8cfc and #ac5870. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #04348D (darkest) to #C4C4B0 (lightest). The lightness range is moderate.

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

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Warm and cool swatches are fairly balanced (3 warm, 3 cool).

HEX codes (sorted): #04348D, #0463FA, #3C8CFC, #544F2A, #AC5870, #C4C4B0

Palette Ux design ui interaction hex colors combines 6 color codes:
HEX: #0463fa, RGB: (4, 99, 250); HEX: #3c8cfc, RGB: (60, 140, 252); HEX: #04348d, RGB: (4, 52, 141)
HEX: #ac5870, RGB: (172, 88, 112); HEX: #c4c4b0, RGB: (196, 196, 176); HEX: #544f2a, RGB: (84, 79, 42)
Simplified version of palette colors
Shade of Royal Blue, Tint of Dodger Blue, Shade of Dark Slate Blue, Shade of Indian Red, Tint of Silver, Shade of Dark Olive Green
Color scheme was created by colorswall

Color codes in palette

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

ColorHEXRGBNameAlternative name
#0463fa#0463faRGB(4, 99, 250)——
#3c8cfc#3c8cfcRGB(60, 140, 252)——
#04348d#04348dRGB(4, 52, 141)——
#ac5870#ac5870RGB(172, 88, 112)——
#c4c4b0#c4c4b0RGB(196, 196, 176)——
#544f2a#544f2aRGB(84, 79, 42)——

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#0463fa
#3c8cfc
1.52
#0463fa
#ac5870
1.05
#0463fa
#544f2a
1.64
#3c8cfc
#ac5870
1.44
#3c8cfc
#c4c4b0
1.86
#04348d
#544f2a
1.34

Image palette Ux design ui interaction hex colors png