Loading...
Created at 08/06/2020 18:10
  0.2k

App redesign ui design blue colors

  • #3ca4f3
  • #4cb3fb
  • #074a7c
  • #929c9c
  • #d8c5c7
  • #085590
Loading...
The palette consists of Light colors. Accent colors #4cb3fb and #d8c5c7. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #074A7C (darkest) to #D8C5C7 (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma).

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): #074A7C, #085590, #3CA4F3, #4CB3FB, #929C9C, #D8C5C7

Palette App redesign ui design blue colors has combination of 6 codes colors:
HEX: #3ca4f3, RGB: (60, 164, 243); HEX: #4cb3fb, RGB: (76, 179, 251); HEX: #074a7c, RGB: (7, 74, 124)
HEX: #929c9c, RGB: (146, 156, 156); HEX: #d8c5c7, RGB: (216, 197, 199); HEX: #085590, RGB: (8, 85, 144)
Simplified version of palette colors
Shade of dodgerblue, Shade of deepskyblue, Tint of darkslateblue, Tint of darkgrey, Tint of mistyrose, Tint of royalblue
Color scheme was created by colorswall

Colors codes in palette

App redesign ui design blue colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3ca4f3 #3ca4f3 RGB(60, 164, 243)
#4cb3fb #4cb3fb RGB(76, 179, 251)
#074a7c #074a7c RGB(7, 74, 124)
#929c9c #929c9c RGB(146, 156, 156)Stone Fence
#d8c5c7 #d8c5c7 RGB(216, 197, 199)
#085590 #085590 RGB(8, 85, 144)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3ca4f3
#4cb3fb
1.17
#3ca4f3
#929c9c
1.04
#3ca4f3
#d8c5c7
1.63
#4cb3fb
#929c9c
1.22
#4cb3fb
#d8c5c7
1.39
#074a7c
#085590
1.18

Image palette App redesign ui design blue colors png

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