Loading...
Created at 11/16/2020 15:40
  0.22k

Design mobile app redesign ui hex colors

  • #0c66b2
  • #7cbceb
  • #2e6494
  • #62809c
  • #e3d0c7
  • #395e7e
Loading...
The palette consists of Semi dark, Light colors. Accent colors #0c66b2 and #e3d0c7. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #395E7E (darkest) to #E3D0C7 (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): #0C66B2, #2E6494, #395E7E, #62809C, #7CBCEB, #E3D0C7

Palette Design mobile app redesign ui hex colors has combination of 6 codes colors:
HEX: #0c66b2, RGB: (12, 102, 178); HEX: #7cbceb, RGB: (124, 188, 235); HEX: #2e6494, RGB: (46, 100, 148)
HEX: #62809c, RGB: (98, 128, 156); HEX: #e3d0c7, RGB: (227, 208, 199); HEX: #395e7e, RGB: (57, 94, 126)
Simplified version of palette colors
Tint of royalblue, Tint of lightskyblue, Tint of royalblue, Tint of slategrey, Tint of mistyrose, Tint of royalblue
Color scheme was created by colorswall

Colors codes in palette

Design mobile app redesign ui hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0c66b2 #0c66b2 RGB(12, 102, 178)
#7cbceb #7cbceb RGB(124, 188, 235)
#2e6494 #2e6494 RGB(46, 100, 148)
#62809c #62809c RGB(98, 128, 156)
#e3d0c7 #e3d0c7 RGB(227, 208, 199)
#395e7e #395e7e RGB(57, 94, 126)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0c66b2
#2e6494
1.05
#0c66b2
#62809c
1.42
#0c66b2
#395e7e
1.15
#7cbceb
#e3d0c7
1.37
#2e6494
#62809c
1.51
#2e6494
#395e7e
1.09

Image palette Design mobile app redesign ui hex colors png

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