Created at 12/13/2021 21:24
  0.15k

Ui design website colors palette

  • #24acd4
  • #fb8c6c
  • #442c84
  • #6b4daf
  • #b0cfd8
  • #372a26
The palette consists of Light, Semi dark, Dark colors. Accent colors #24acd4 and #fb8c6c. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #372A26 (darkest) to #B0CFD8 (lightest). The lightness range is wide.

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): #24ACD4, #372A26, #442C84, #6B4DAF, #B0CFD8, #FB8C6C

Palette Ui design website colors palette has combination of 6 codes colors:
HEX: #24acd4, RGB: (36, 172, 212); HEX: #fb8c6c, RGB: (251, 140, 108); HEX: #442c84, RGB: (68, 44, 132)
HEX: #6b4daf, RGB: (107, 77, 175); HEX: #b0cfd8, RGB: (176, 207, 216); HEX: #372a26, RGB: (55, 42, 38)
Simplified version of palette colors
Tint of deepskyblue, Tint of darksalmon, Tint of darkslateblue, Tint of slateblue, Tint of lightblue, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Ui design website colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#24acd4 #24acd4 RGB(36, 172, 212)
#fb8c6c #fb8c6c RGB(251, 140, 108)
#442c84 #442c84 RGB(68, 44, 132)
#6b4daf #6b4daf RGB(107, 77, 175)
#b0cfd8 #b0cfd8 RGB(176, 207, 216)
#372a26 #372a26 RGB(55, 42, 38)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#24acd4
#fb8c6c
1.14
#24acd4
#b0cfd8
1.61
#fb8c6c
#b0cfd8
1.4
#442c84
#6b4daf
1.7
#442c84
#372a26
1.27

Image palette Ui design website colors palette png