Created at 11/17/2019 08:06
  0.19k

Web design ui

  • #d5561c
  • #b798ea
  • #9a5b2a
  • #5d75a1
  • #bca1c5
  • #644c44
The palette consists of Light, Semi dark colors. Accent colors #d5561c and #5d75a1. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #644C44 (darkest) to #B798EA (lightest). The lightness range is moderate.

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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #5D75A1, #644C44, #9A5B2A, #B798EA, #BCA1C5, #D5561C

Palette Web design ui has combination of 6 codes colors:
HEX: #d5561c, RGB: (213, 86, 28); HEX: #b798ea, RGB: (183, 152, 234); HEX: #9a5b2a, RGB: (154, 91, 42)
HEX: #5d75a1, RGB: (93, 117, 161); HEX: #bca1c5, RGB: (188, 161, 197); HEX: #644c44, RGB: (100, 76, 68)
Simplified version of palette colors
Tint of chocolate, Tint of plum, Shade of sienna, Tint of steelblue, Tint of thistle, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Web design ui color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#d5561c #d5561c RGB(213, 86, 28)
#b798ea #b798ea RGB(183, 152, 234)
#9a5b2a #9a5b2a RGB(154, 91, 42)
#5d75a1 #5d75a1 RGB(93, 117, 161)
#bca1c5 #bca1c5 RGB(188, 161, 197)
#644c44 #644c44 RGB(100, 76, 68)

Color Palette Contrast

11 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#d5561c
#b798ea
1.67
#d5561c
#9a5b2a
1.32
#d5561c
#5d75a1
1.14
#d5561c
#bca1c5
1.74
#d5561c
#644c44
1.94
#b798ea
#5d75a1
1.92

Image palette Web design ui png