Created at 09/18/2021 04:28
  0.17k

Web design ui ux colors

  • #4c7ff3
  • #886bfa
  • #8c3c1c
  • #a87e57
  • #c4ac8c
  • #68432f
The palette consists of Light colors. Accent colors #886bfa and #8c3c1c. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #68432F (darkest) to #886BFA (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 warm.

HEX codes (sorted): #4C7FF3, #68432F, #886BFA, #8C3C1C, #A87E57, #C4AC8C

Palette Web design ui ux colors has combination of 6 codes colors:
HEX: #4c7ff3, RGB: (76, 127, 243); HEX: #886bfa, RGB: (136, 107, 250); HEX: #8c3c1c, RGB: (140, 60, 28)
HEX: #a87e57, RGB: (168, 126, 87); HEX: #c4ac8c, RGB: (196, 172, 140); HEX: #68432f, RGB: (104, 67, 47)
Simplified version of palette colors
Tint of cornflowerblue, Shade of mediumslateblue, Tint of saddlebrown, Tint of peru, Tint of tan, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Web design ui ux colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4c7ff3 #4c7ff3 RGB(76, 127, 243)
#886bfa #886bfa RGB(136, 107, 250)
#8c3c1c #8c3c1c RGB(140, 60, 28)
#a87e57 #a87e57 RGB(168, 126, 87)
#c4ac8c #c4ac8c RGB(196, 172, 140)
#68432f #68432f RGB(104, 67, 47)

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4c7ff3
#886bfa
1.01
#4c7ff3
#a87e57
1.02
#4c7ff3
#c4ac8c
1.7
#886bfa
#8c3c1c
1.99
#886bfa
#a87e57
1.04
#886bfa
#c4ac8c
1.74

Image palette Web design ui ux colors png