Loading...
Created at 04/25/2020 14:52
  0.26k

Web design card webdesign ui palette

  • #ec9404
  • #fbd483
  • #0c0c1c
  • #9c8069
  • #b9c7ce
  • #624135
Loading...
The palette consists of Light, Dark colors. Accent colors #ec9404 and #0c0c1c. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #0C0C1C (darkest) to #B9C7CE (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): #0C0C1C, #624135, #9C8069, #B9C7CE, #EC9404, #FBD483

Palette Web design card webdesign ui palette has combination of 6 codes colors:
HEX: #ec9404, RGB: (236, 148, 4); HEX: #fbd483, RGB: (251, 212, 131); HEX: #0c0c1c, RGB: (12, 12, 28)
HEX: #9c8069, RGB: (156, 128, 105); HEX: #b9c7ce, RGB: (185, 199, 206); HEX: #624135, RGB: (98, 65, 53)
Simplified version of palette colors
Tint of Orange, Tint of navajowhite, Shade of Black, Shade of Grey, Shade of Silver, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Web design card webdesign ui palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ec9404 #ec9404 RGB(236, 148, 4)
#fbd483 #fbd483 RGB(251, 212, 131)
#0c0c1c #0c0c1c RGB(12, 12, 28)
#9c8069 #9c8069 RGB(156, 128, 105)
#b9c7ce #b9c7ce RGB(185, 199, 206)
#624135 #624135 RGB(98, 65, 53)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ec9404
#fbd483
1.68
#ec9404
#9c8069
1.54
#ec9404
#b9c7ce
1.37
#fbd483
#b9c7ce
1.22

Image palette Web design card webdesign ui palette png

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