Loading...
Created at 05/13/2021 10:30
  0.25k

App design animation alarm tutorial

  • #0494fb
  • #83d4fb
  • #b4203c
  • #b09c64
  • #c199b4
  • #344854
Loading...
The palette consists of Light colors. Accent colors #0494fb and #b4203c. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #344854 (darkest) to #83D4FB (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): #0494FB, #344854, #83D4FB, #B09C64, #B4203C, #C199B4

Palette App design animation alarm tutorial has combination of 6 codes colors:
HEX: #0494fb, RGB: (4, 148, 251); HEX: #83d4fb, RGB: (131, 212, 251); HEX: #b4203c, RGB: (180, 32, 60)
HEX: #b09c64, RGB: (176, 156, 100); HEX: #c199b4, RGB: (193, 153, 180); HEX: #344854, RGB: (52, 72, 84)
Simplified version of palette colors
Tint of dodgerblue, Shade of lightskyblue, Shade of brown, Tint of darkkhaki, Tint of plum, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

App design animation alarm tutorial color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0494fb #0494fb RGB(4, 148, 251)
#83d4fb #83d4fb RGB(131, 212, 251)
#b4203c #b4203c RGB(180, 32, 60)
#b09c64 #b09c64 RGB(176, 156, 100)
#c199b4 #c199b4 RGB(193, 153, 180)
#344854 #344854 RGB(52, 72, 84)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0494fb
#83d4fb
1.92
#0494fb
#b09c64
1.17
#0494fb
#c199b4
1.27
#83d4fb
#b09c64
1.64
#83d4fb
#c199b4
1.5
#b4203c
#344854
1.45

Image palette App design animation alarm tutorial png

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