Loading...
Created at 04/28/2020 07:11
  0.22k

Dashboard uidesign analytics userexperience palette

  • #0e82f9
  • #5983f3
  • #2454a4
  • #5d80b7
  • #acc4d4
  • #3c3229
Loading...
The palette consists of Light colors. Accent colors #0e82f9 and #3c3229. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #3C3229 (darkest) to #ACC4D4 (lightest). The lightness range is wide.

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

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #0E82F9, #2454A4, #3C3229, #5983F3, #5D80B7, #ACC4D4

Palette Dashboard uidesign analytics userexperience palette has combination of 6 codes colors:
HEX: #0e82f9, RGB: (14, 130, 249); HEX: #5983f3, RGB: (89, 131, 243); HEX: #2454a4, RGB: (36, 84, 164)
HEX: #5d80b7, RGB: (93, 128, 183); HEX: #acc4d4, RGB: (172, 196, 212); HEX: #3c3229, RGB: (60, 50, 41)
Simplified version of palette colors
Tint of dodgerblue, Tint of cornflowerblue, Tint of royalblue, Shade of steelblue, Tint of lightsteelblue, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Dashboard uidesign analytics userexperience palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0e82f9 #0e82f9 RGB(14, 130, 249)
#5983f3 #5983f3 RGB(89, 131, 243)
#2454a4 #2454a4 RGB(36, 84, 164)
#5d80b7 #5d80b7 RGB(93, 128, 183)
#acc4d4 #acc4d4 RGB(172, 196, 212)
#3c3229 #3c3229 RGB(60, 50, 41)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0e82f9
#5983f3
1.06
#0e82f9
#2454a4
1.93
#0e82f9
#5d80b7
1.06
#5983f3
#5d80b7
1.13
#5983f3
#acc4d4
1.94
#2454a4
#5d80b7
1.81

Image palette Dashboard uidesign analytics userexperience palette png

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