Loading...
Created at 05/17/2021 18:39
  0.19k

Modal sign in minimal app

  • #f55b6e
  • #de7e84
  • #7c0716
  • #777aa0
  • #bdcacd
  • #444444
Loading...
The palette consists of Light, Dark colors. Accent colors #7c0716 and #bdcacd. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #7C0716 (darkest) to #BDCACD (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 warm.

HEX codes (sorted): #444444, #777AA0, #7C0716, #BDCACD, #DE7E84, #F55B6E

Palette Modal sign in minimal app has combination of 6 codes colors:
HEX: #f55b6e, RGB: (245, 91, 110); HEX: #de7e84, RGB: (222, 126, 132); HEX: #7c0716, RGB: (124, 7, 22)
HEX: #777aa0, RGB: (119, 122, 160); HEX: #bdcacd, RGB: (189, 202, 205); HEX: #444444, RGB: (68, 68, 68)
Simplified version of palette colors
Tint of lightcoral, Tint of lightcoral, Shade of Maroon, Shade of slategrey, Shade of Silver, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Modal sign in minimal app color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f55b6e #f55b6e RGB(245, 91, 110)
#de7e84 #de7e84 RGB(222, 126, 132)
#7c0716 #7c0716 RGB(124, 7, 22)
#777aa0 #777aa0 RGB(119, 122, 160)
#bdcacd #bdcacd RGB(189, 202, 205)
#444444 #444444 RGB(68, 68, 68)Goshawk Grey

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f55b6e
#de7e84
1.12
#f55b6e
#777aa0
1.3
#f55b6e
#bdcacd
1.89
#de7e84
#777aa0
1.46
#de7e84
#bdcacd
1.68
#7c0716
#444444
1.13

Image palette Modal sign in minimal app png

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