Created at 09/03/2020 20:32
  0.24k

Ui mobile app design website exercise

#e35933
#8dccf1
#0e2fa4
#5c74a4
#9dd4b0
#3c6474
The palette consists of Light, Dark, Semi dark colors. Accent colors #e35933 and #0e2fa4. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #3C6474 (darkest) to #8DCCF1 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

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): #0E2FA4, #3C6474, #5C74A4, #8DCCF1, #9DD4B0, #E35933

Palette Ui mobile app design website exercise has combination of 6 codes colors:
HEX: #e35933, RGB: (227, 89, 51); HEX: #8dccf1, RGB: (141, 204, 241); HEX: #0e2fa4, RGB: (14, 47, 164)
HEX: #5c74a4, RGB: (92, 116, 164); HEX: #9dd4b0, RGB: (157, 212, 176); HEX: #3c6474, RGB: (60, 100, 116)
Simplified version of palette colors
Shade of orangered, Tint of lightskyblue, Shade of mediumblue, Tint of steelblue, Shade of darkseagreen, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Ui mobile app design website exercise color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#e35933 #e35933 RGB(227, 89, 51)
#8dccf1 #8dccf1 RGB(141, 204, 241)
#0e2fa4 #0e2fa4 RGB(14, 47, 164)
#5c74a4 #5c74a4 RGB(92, 116, 164)
#9dd4b0 #9dd4b0 RGB(157, 212, 176)
#3c6474 #3c6474 RGB(60, 100, 116)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#e35933
#5c74a4
1.27
#e35933
#3c6474
1.75
#8dccf1
#9dd4b0
1.03
#0e2fa4
#3c6474
1.66
#5c74a4
#3c6474
1.37

Image palette Ui mobile app design website exercise png