Created at 12/17/2019 07:26
  0.31k

Desktop drag and drop web app dashboard

  • #4474fa
  • #f3ca92
  • #032481
  • #6ba25e
  • #c9d0e0
  • #4c575e
The palette consists of Light, Dark, Semi dark colors. Accent colors #f3ca92 and #032481. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #032481 (darkest) to #C9D0E0 (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): #032481, #4474FA, #4C575E, #6BA25E, #C9D0E0, #F3CA92

Palette Desktop drag and drop web app dashboard has combination of 6 codes colors:
HEX: #4474fa, RGB: (68, 116, 250); HEX: #f3ca92, RGB: (243, 202, 146); HEX: #032481, RGB: (3, 36, 129)
HEX: #6ba25e, RGB: (107, 162, 94); HEX: #c9d0e0, RGB: (201, 208, 224); HEX: #4c575e, RGB: (76, 87, 94)
Simplified version of palette colors
Shade of royalblue, Tint of navajowhite, Shade of midnightblue, Shade of mediumseagreen, Shade of lightsteelblue, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Desktop drag and drop web app dashboard color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4474fa #4474fa RGB(68, 116, 250)
#f3ca92 #f3ca92 RGB(243, 202, 146)
#032481 #032481 RGB(3, 36, 129)
#6ba25e #6ba25e RGB(107, 162, 94)
#c9d0e0 #c9d0e0 RGB(201, 208, 224)
#4c575e #4c575e RGB(76, 87, 94)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4474fa
#6ba25e
1.35
#4474fa
#4c575e
1.8
#f3ca92
#6ba25e
1.96
#f3ca92
#c9d0e0
1
#032481
#4c575e
1.8
#6ba25e
#c9d0e0
1.95

Image palette Desktop drag and drop web app dashboard png