Loading...
Created at 05/30/2020 15:55
  0.16k

Design app ux web colors

  • #0674fa
  • #9ea0f8
  • #023c81
  • #798b9f
  • #9db4d0
  • #3c3c3c
Loading...
The palette consists of Light colors. Accent colors #023c81 and #3c3c3c. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #3C3C3C (darkest) to #9EA0F8 (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #023C81, #0674FA, #3C3C3C, #798B9F, #9DB4D0, #9EA0F8

Palette Design app ux web colors has combination of 6 codes colors:
HEX: #0674fa, RGB: (6, 116, 250); HEX: #9ea0f8, RGB: (158, 160, 248); HEX: #023c81, RGB: (2, 60, 129)
HEX: #798b9f, RGB: (121, 139, 159); HEX: #9db4d0, RGB: (157, 180, 208); HEX: #3c3c3c, RGB: (60, 60, 60)
Simplified version of palette colors
Tint of royalblue, Tint of lightsteelblue, Tint of darkslateblue, Shade of lightslategrey, Tint of lightsteelblue, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Design app ux web colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0674fa #0674fa RGB(6, 116, 250)
#9ea0f8 #9ea0f8 RGB(158, 160, 248)
#023c81 #023c81 RGB(2, 60, 129)
#798b9f #798b9f RGB(121, 139, 159)
#9db4d0 #9db4d0 RGB(157, 180, 208)
#3c3c3c #3c3c3c RGB(60, 60, 60)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0674fa
#9ea0f8
1.8
#0674fa
#798b9f
1.22
#9ea0f8
#798b9f
1.47
#9ea0f8
#9db4d0
1.11
#023c81
#3c3c3c
1.03
#798b9f
#9db4d0
1.64

Image palette Design app ux web colors png

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