Created at 08/17/2020 18:07
  0.28k

Design web dashboard ui colours

  • #be414f
  • #b4e4cc
  • #622129
  • #848cac
  • #b4bcd4
  • #515576
The palette consists of Semi dark, Light, Dark colors. Accent colors #b4e4cc and #622129. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #622129 (darkest) to #B4E4CC (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

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): #515576, #622129, #848CAC, #B4BCD4, #B4E4CC, #BE414F

Palette Design web dashboard ui colours has combination of 6 codes colors:
HEX: #be414f, RGB: (190, 65, 79); HEX: #b4e4cc, RGB: (180, 228, 204); HEX: #622129, RGB: (98, 33, 41)
HEX: #848cac, RGB: (132, 140, 172); HEX: #b4bcd4, RGB: (180, 188, 212); HEX: #515576, RGB: (81, 85, 118)
Simplified version of palette colors
Shade of crimson, Tint of paleturquoise, Shade of Maroon, Shade of lightslategrey, Tint of lightsteelblue, Shade of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Design web dashboard ui colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#be414f #be414f RGB(190, 65, 79)
#b4e4cc #b4e4cc RGB(180, 228, 204)
#622129 #622129 RGB(98, 33, 41)
#848cac #848cac RGB(132, 140, 172)
#b4bcd4 #b4bcd4 RGB(180, 188, 212)
#515576 #515576 RGB(81, 85, 118)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#be414f
#848cac
1.55
#be414f
#515576
1.39
#b4e4cc
#b4bcd4
1.34
#622129
#515576
1.64
#848cac
#b4bcd4
1.75

Image palette Design web dashboard ui colours png