Loading...
Created at 11/04/2019 05:53
  0.18k

Design ux ui web palette

  • #4c64eb
  • #4c6bfc
  • #1e2d6d
  • #505fa7
  • #bdc8db
  • #4b8b79
Loading...
The palette consists of Light, Dark, Semi dark colors. Accent colors #4c64eb and #4c6bfc. Palette has Cool colors temperature.

By lightness, this palette runs from #1E2D6D (darkest) to #BDC8DB (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans cool.

HEX codes (sorted): #1E2D6D, #4B8B79, #4C64EB, #4C6BFC, #505FA7, #BDC8DB

Palette Design ux ui web palette has combination of 6 codes colors:
HEX: #4c64eb, RGB: (76, 100, 235); HEX: #4c6bfc, RGB: (76, 107, 252); HEX: #1e2d6d, RGB: (30, 45, 109)
HEX: #505fa7, RGB: (80, 95, 167); HEX: #bdc8db, RGB: (189, 200, 219); HEX: #4b8b79, RGB: (75, 139, 121)
Simplified version of palette colors
Shade of royalblue, Shade of royalblue, Shade of midnightblue, Tint of slateblue, Shade of lightsteelblue, Shade of darkcyan
Color scheme was created by colorswall

Colors codes in palette

Design ux ui web palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4c64eb #4c64eb RGB(76, 100, 235)
#4c6bfc #4c6bfc RGB(76, 107, 252)
#1e2d6d #1e2d6d RGB(30, 45, 109)
#505fa7 #505fa7 RGB(80, 95, 167)
#bdc8db #bdc8db RGB(189, 200, 219)
#4b8b79 #4b8b79 RGB(75, 139, 121)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4c64eb
#4c6bfc
1.11
#4c64eb
#505fa7
1.22
#4c64eb
#4b8b79
1.21
#4c6bfc
#505fa7
1.36
#4c6bfc
#4b8b79
1.09
#505fa7
#4b8b79
1.48

Image palette Design ux ui web palette png

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