Created at 01/06/2021 14:28
  0.21k

Web card details ui design hex colors

#af9d55
#c4e4a4
#507f36
#789658
#c5d4b4
#34362d
The palette consists of Light colors. Accent colors #c4e4a4 and #507f36. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #34362D (darkest) to #C4E4A4 (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans warm.

HEX codes (sorted): #34362D, #507F36, #789658, #AF9D55, #C4E4A4, #C5D4B4

Palette Web card details ui design hex colors has combination of 6 codes colors:
HEX: #af9d55, RGB: (175, 157, 85); HEX: #c4e4a4, RGB: (196, 228, 164); HEX: #507f36, RGB: (80, 127, 54)
HEX: #789658, RGB: (120, 150, 88); HEX: #c5d4b4, RGB: (197, 212, 180); HEX: #34362d, RGB: (52, 54, 45)
Simplified version of palette colors
Tint of darkkhaki, Shade of lightgreen, Shade of forestgreen, Shade of olivedrab, Tint of beige, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Web card details ui design hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#af9d55 #af9d55 RGB(175, 157, 85)
#c4e4a4 #c4e4a4 RGB(196, 228, 164)
#507f36 #507f36 RGB(80, 127, 54)
#789658 #789658 RGB(120, 150, 88)
#c5d4b4 #c5d4b4 RGB(197, 212, 180)
#34362d #34362d RGB(52, 54, 45)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#af9d55
#c4e4a4
1.92
#af9d55
#507f36
1.75
#af9d55
#789658
1.23
#af9d55
#c5d4b4
1.72
#c4e4a4
#c5d4b4
1.11
#507f36
#789658
1.42

Image palette Web card details ui design hex colors png