Loading...
Created at 03/18/2020 18:55
  0.28k

Productdesign weather typogaphy uichallenge

  • #f5f151
  • #f3e388
  • #7d7a07
  • #8b8b8b
  • #b4c4d4
  • #333333
Loading...
The palette consists of Light colors. Accent colors #7d7a07 and #b4c4d4. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #333333 (darkest) to #B4C4D4 (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): #333333, #7D7A07, #8B8B8B, #B4C4D4, #F3E388, #F5F151

Palette Productdesign weather typogaphy uichallenge has combination of 6 codes colors:
HEX: #f5f151, RGB: (245, 241, 81); HEX: #f3e388, RGB: (243, 227, 136); HEX: #7d7a07, RGB: (125, 122, 7)
HEX: #8b8b8b, RGB: (139, 139, 139); HEX: #b4c4d4, RGB: (180, 196, 212); HEX: #333333, RGB: (51, 51, 51)
Simplified version of palette colors
Tint of Yellow, Tint of Khaki, Tint of Olive, Shade of Grey, Shade of lightsteelblue, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Productdesign weather typogaphy uichallenge color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f5f151 #f5f151 RGB(245, 241, 81)
#f3e388 #f3e388 RGB(243, 227, 136)
#7d7a07 #7d7a07 RGB(125, 122, 7)
#8b8b8b #8b8b8b RGB(139, 139, 139)
#b4c4d4 #b4c4d4 RGB(180, 196, 212)
#333333 #333333 RGB(51, 51, 51)Carbon

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f5f151
#f3e388
1.08
#f5f151
#b4c4d4
1.49
#f3e388
#b4c4d4
1.37
#7d7a07
#8b8b8b
1.32
#8b8b8b
#b4c4d4
1.91

Image palette Productdesign weather typogaphy uichallenge png

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