Loading...
Created at 12/13/2019 20:48
  0.28k

Dashboard login form follow design colours

  • #f8d80a
  • #fbef93
  • #5a320a
  • #5d8da5
  • #c8b49b
  • #4c3c36
Loading...
The palette consists of Light colors. Accent colors #f8d80a and #5d8da5. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #5A320A (darkest) to #FBEF93 (lightest). The lightness range is wide.

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): #4C3C36, #5A320A, #5D8DA5, #C8B49B, #F8D80A, #FBEF93

Palette Dashboard login form follow design colours has combination of 6 codes colors:
HEX: #f8d80a, RGB: (248, 216, 10); HEX: #fbef93, RGB: (251, 239, 147); HEX: #5a320a, RGB: (90, 50, 10)
HEX: #5d8da5, RGB: (93, 141, 165); HEX: #c8b49b, RGB: (200, 180, 155); HEX: #4c3c36, RGB: (76, 60, 54)
Simplified version of palette colors
Tint of gold, Shade of Khaki, Tint of saddlebrown, Tint of lightslategrey, Tint of tan, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Dashboard login form follow design colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f8d80a #f8d80a RGB(248, 216, 10)
#fbef93 #fbef93 RGB(251, 239, 147)
#5a320a #5a320a RGB(90, 50, 10)
#5d8da5 #5d8da5 RGB(93, 141, 165)
#c8b49b #c8b49b RGB(200, 180, 155)
#4c3c36 #4c3c36 RGB(76, 60, 54)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f8d80a
#fbef93
1.2
#f8d80a
#c8b49b
1.41
#fbef93
#c8b49b
1.7
#5a320a
#4c3c36
1.05
#5d8da5
#c8b49b
1.79

Image palette Dashboard login form follow design colours png

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