Loading...
Created at 02/12/2021 11:01
  0.25k

Web design ui uxdesign colours

  • #5c5cf4
  • #fb8c6c
  • #24847c
  • #9c6554
  • #9e9fcb
  • #3f4444
Loading...
The palette consists of Light colors. Accent colors #5c5cf4 and #fb8c6c. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #3F4444 (darkest) to #9E9FCB (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 cool.

HEX codes (sorted): #24847C, #3F4444, #5C5CF4, #9C6554, #9E9FCB, #FB8C6C

Palette Web design ui uxdesign colours has combination of 6 codes colors:
HEX: #5c5cf4, RGB: (92, 92, 244); HEX: #fb8c6c, RGB: (251, 140, 108); HEX: #24847c, RGB: (36, 132, 124)
HEX: #9c6554, RGB: (156, 101, 84); HEX: #9e9fcb, RGB: (158, 159, 203); HEX: #3f4444, RGB: (63, 68, 68)
Simplified version of palette colors
Tint of mediumslateblue, Tint of darksalmon, Shade of Teal, Shade of sienna, Tint of lightsteelblue, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Web design ui uxdesign colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#5c5cf4 #5c5cf4 RGB(92, 92, 244)
#fb8c6c #fb8c6c RGB(251, 140, 108)
#24847c #24847c RGB(36, 132, 124)
#9c6554 #9c6554 RGB(156, 101, 84)
#9e9fcb #9e9fcb RGB(158, 159, 203)
#3f4444 #3f4444 RGB(63, 68, 68)

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#5c5cf4
#24847c
1.08
#5c5cf4
#9c6554
1.02
#5c5cf4
#9e9fcb
1.92
#fb8c6c
#24847c
1.94
#fb8c6c
#9e9fcb
1.09
#24847c
#9c6554
1.05

Image palette Web design ui uxdesign colours png

Loading...
Loading...
Loading...