Generate Palette
  1. Color Palettes
  2. Design app ux web colors

Design app ux web colors

  • #0674fa
  • #9ea0f8
  • #023c81
  • #798b9f
  • #9db4d0
  • #3c3c3c
  0.16k
Created at 05/30/2020 15:55
bycolorswall
The palette consists of Light, Semi dark colors. Accent colors #023c81 and #3c3c3c. Palette has Cool, Neutral colors temperature.

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

Saturation is mixed — 2 muted and 3 vivid out of 6 colors.

An analogous palette: its hues sit close together on the color wheel, within about 27°.

Overall temperature among swatches leans cool (5 of 6).

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

Palette Design app ux web colors combines 6 color codes:
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
Shade of Royal Blue, Shade of Light Steel Blue, Shade of Dark Slate Blue, Tint of Light Slate Gray, Shade of Light Steel Blue, Shade of Dark Slate Gray
Color scheme was created by colorswall

Color 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

Design app ux web colors: #0674fa, #9ea0f8, #023c81, #798b9f, #9db4d0, #3c3c3c
 Download image