Loading...
Created at 09/12/2022 06:22
  0.11k

Design component ui mobileapp colours

  • Royal Blue
    #395fd6
  • Light Cobalt Blue
    #91a6e8
  • Salem
    #188a4c
  • Slate Gray
    #767988
  • Pastel Gray
    #c9cdc0
  • Dark Slate Gray
    #345450
Loading...
The palette consists of Semi dark, Light colors. Accent colors Royal Blue #395fd6 and Salem #188a4c. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #345450 (darkest) to #C9CDC0 (lightest). The lightness range is moderate.

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

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #188A4C, #345450, #395FD6, #767988, #91A6E8, #C9CDC0

Palette Design component ui mobileapp colours has combination of 6 codes colors:
HEX: #395fd6, RGB: (57, 95, 214); HEX: #91a6e8, RGB: (145, 166, 232); HEX: #188a4c, RGB: (24, 138, 76)
HEX: #767988, RGB: (118, 121, 136); HEX: #c9cdc0, RGB: (201, 205, 192); HEX: #345450, RGB: (52, 84, 80)
Simplified version of palette colors
Tint of royalblue, Shade of cornflowerblue, Tint of seashell, Tint of slategrey, Tint of lightgrey, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Design component ui mobileapp colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#395fd6 #395fd6 RGB(57, 95, 214)Royal Blue
#91a6e8 #91a6e8 RGB(145, 166, 232)Light Cobalt Blue
#188a4c #188a4c RGB(24, 138, 76)Salem
#767988 #767988 RGB(118, 121, 136)Slate Gray
#c9cdc0 #c9cdc0 RGB(201, 205, 192)Pastel Gray
#345450 #345450 RGB(52, 84, 80)Dark Slate Gray

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#395fd6
#188a4c
1.26
#395fd6
#767988
1.28
#395fd6
#345450
1.49
#91a6e8
#188a4c
1.84
#91a6e8
#767988
1.81
#91a6e8
#c9cdc0
1.47

Image palette Design component ui mobileapp colours png

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