Created at 12/28/2020 15:42
  0.23k

Web webdesign ux website design colours

  • #6ca4c8
  • #e4c494
  • #545924
  • #509a82
  • #c5ccb1
  • #624d34
The palette consists of Light, Semi dark colors. Accent colors #6ca4c8 and #e4c494. Palette has Cool, Warm, Neutral colors temperature.

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

Overall temperature among swatches leans warm.

HEX codes (sorted): #509A82, #545924, #624D34, #6CA4C8, #C5CCB1, #E4C494

Palette Web webdesign ux website design colours has combination of 6 codes colors:
HEX: #6ca4c8, RGB: (108, 164, 200); HEX: #e4c494, RGB: (228, 196, 148); HEX: #545924, RGB: (84, 89, 36)
HEX: #509a82, RGB: (80, 154, 130); HEX: #c5ccb1, RGB: (197, 204, 177); HEX: #624d34, RGB: (98, 77, 52)
Simplified version of palette colors
Shade of cornflowerblue, Shade of burlywood, Tint of darkolivegreen, Shade of seashell, Tint of beige, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Web webdesign ux website design colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#6ca4c8 #6ca4c8 RGB(108, 164, 200)
#e4c494 #e4c494 RGB(228, 196, 148)
#545924 #545924 RGB(84, 89, 36)
#509a82 #509a82 RGB(80, 154, 130)
#c5ccb1 #c5ccb1 RGB(197, 204, 177)
#624d34 #624d34 RGB(98, 77, 52)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#6ca4c8
#e4c494
1.62
#6ca4c8
#509a82
1.23
#6ca4c8
#c5ccb1
1.62
#e4c494
#c5ccb1
1
#545924
#624d34
1.07

Image palette Web webdesign ux website design colours png