Loading...
Created at 10/09/2020 11:34
  0.24k

Interface ux web app

  • #31b4fb
  • #9474fc
  • #37286b
  • #68749c
  • #ced2a7
  • #443c44
Loading...
The palette consists of Light, Dark colors. Accent colors #31b4fb and #ced2a7. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #443C44 (darkest) to #CED2A7 (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): #31B4FB, #37286B, #443C44, #68749C, #9474FC, #CED2A7

Palette Interface ux web app has combination of 6 codes colors:
HEX: #31b4fb, RGB: (49, 180, 251); HEX: #9474fc, RGB: (148, 116, 252); HEX: #37286b, RGB: (55, 40, 107)
HEX: #68749c, RGB: (104, 116, 156); HEX: #ced2a7, RGB: (206, 210, 167); HEX: #443c44, RGB: (68, 60, 68)
Simplified version of palette colors
Shade of deepskyblue, Shade of mediumpurple, Shade of midnightblue, Tint of slategrey, Tint of palegoldenrod, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Interface ux web app color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#31b4fb #31b4fb RGB(49, 180, 251)
#9474fc #9474fc RGB(148, 116, 252)
#37286b #37286b RGB(55, 40, 107)
#68749c #68749c RGB(104, 116, 156)
#ced2a7 #ced2a7 RGB(206, 210, 167)
#443c44 #443c44 RGB(68, 60, 68)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#31b4fb
#9474fc
1.46
#31b4fb
#68749c
1.98
#31b4fb
#ced2a7
1.48
#9474fc
#68749c
1.34
#37286b
#443c44
1.17

Image palette Interface ux web app png

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