Created at 09/17/2021 10:17
  0.17k

Case study website design landingpage palette

  • #5459c2
  • #8484dc
  • #573f20
  • #a68855
  • #a0a5d4
  • #5f4733
The palette consists of Semi dark, Light colors. Accent colors #8484dc and #573f20. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #573F20 (darkest) to #A0A5D4 (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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #5459C2, #573F20, #5F4733, #8484DC, #A0A5D4, #A68855

Palette Case study website design landingpage palette has combination of 6 codes colors:
HEX: #5459c2, RGB: (84, 89, 194); HEX: #8484dc, RGB: (132, 132, 220); HEX: #573f20, RGB: (87, 63, 32)
HEX: #a68855, RGB: (166, 136, 85); HEX: #a0a5d4, RGB: (160, 165, 212); HEX: #5f4733, RGB: (95, 71, 51)
Simplified version of palette colors
Tint of slateblue, Shade of mediumpurple, Tint of saddlebrown, Shade of darkgoldenrod, Tint of lightsteelblue, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Case study website design landingpage palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#5459c2 #5459c2 RGB(84, 89, 194)
#8484dc #8484dc RGB(132, 132, 220)
#573f20 #573f20 RGB(87, 63, 32)
#a68855 #a68855 RGB(166, 136, 85)
#a0a5d4 #a0a5d4 RGB(160, 165, 212)
#5f4733 #5f4733 RGB(95, 71, 51)

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#5459c2
#8484dc
1.76
#5459c2
#573f20
1.67
#5459c2
#a68855
1.75
#5459c2
#5f4733
1.47
#8484dc
#a68855
1
#8484dc
#a0a5d4
1.39

Image palette Case study website design landingpage palette png