Created at 12/27/2019 11:51
  0.21k

Design ux ui hex colors

  • #2ab1d8
  • #ec86fb
  • #1c2757
  • #7955ab
  • #ccba9c
  • #594299
The palette consists of Light, Dark, Semi dark colors. Accent colors #2ab1d8 and #ec86fb. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #1C2757 (darkest) to #EC86FB (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 cool.

HEX codes (sorted): #1C2757, #2AB1D8, #594299, #7955AB, #CCBA9C, #EC86FB

Palette Design ux ui hex colors has combination of 6 codes colors:
HEX: #2ab1d8, RGB: (42, 177, 216); HEX: #ec86fb, RGB: (236, 134, 251); HEX: #1c2757, RGB: (28, 39, 87)
HEX: #7955ab, RGB: (121, 85, 171); HEX: #ccba9c, RGB: (204, 186, 156); HEX: #594299, RGB: (89, 66, 153)
Simplified version of palette colors
Tint of deepskyblue, Shade of violet, Shade of midnightblue, Tint of slateblue, Shade of tan, Shade of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Design ux ui hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#2ab1d8 #2ab1d8 RGB(42, 177, 216)
#ec86fb #ec86fb RGB(236, 134, 251)
#1c2757 #1c2757 RGB(28, 39, 87)
#7955ab #7955ab RGB(121, 85, 171)
#ccba9c #ccba9c RGB(204, 186, 156)
#594299 #594299 RGB(89, 66, 153)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#2ab1d8
#ec86fb
1.11
#2ab1d8
#ccba9c
1.32
#ec86fb
#ccba9c
1.18
#1c2757
#594299
1.8
#7955ab
#594299
1.38

Image palette Design ux ui hex colors png