Created at 01/08/2021 13:22
  0.18k

Website design ui graphic palette

  • #24acf3
  • #64c4f4
  • #1d8cc4
  • #9e867c
  • #c0cbd4
  • #4c4444
The palette consists of Light colors. Accent colors #24acf3 and #9e867c. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #4C4444 (darkest) to #C0CBD4 (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): #1D8CC4, #24ACF3, #4C4444, #64C4F4, #9E867C, #C0CBD4

Palette Website design ui graphic palette has combination of 6 codes colors:
HEX: #24acf3, RGB: (36, 172, 243); HEX: #64c4f4, RGB: (100, 196, 244); HEX: #1d8cc4, RGB: (29, 140, 196)
HEX: #9e867c, RGB: (158, 134, 124); HEX: #c0cbd4, RGB: (192, 203, 212); HEX: #4c4444, RGB: (76, 68, 68)
Simplified version of palette colors
Tint of deepskyblue, Shade of deepskyblue, Tint of steelblue, Tint of rosybrown, Shade of Silver, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Website design ui graphic palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#24acf3 #24acf3 RGB(36, 172, 243)
#64c4f4 #64c4f4 RGB(100, 196, 244)
#1d8cc4 #1d8cc4 RGB(29, 140, 196)
#9e867c #9e867c RGB(158, 134, 124)
#c0cbd4 #c0cbd4 RGB(192, 203, 212)
#4c4444 #4c4444 RGB(76, 68, 68)

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#24acf3
#64c4f4
1.29
#24acf3
#1d8cc4
1.47
#24acf3
#9e867c
1.34
#24acf3
#c0cbd4
1.53
#64c4f4
#1d8cc4
1.91
#64c4f4
#9e867c
1.74

Image palette Website design ui graphic palette png