Created at 12/30/2020 09:33
  0.25k

Design web checkout page ui colors

  • #f23630
  • #f2e99e
  • #729614
  • #9a9c77
  • #d6a6a0
  • #14140c
The palette consists of Semi dark, Light, Dark colors. Accent colors #f23630 and #729614. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #14140C (darkest) to #F2E99E (lightest). The lightness range is wide.

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

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans warm.

HEX codes (sorted): #14140C, #729614, #9A9C77, #D6A6A0, #F23630, #F2E99E

Palette Design web checkout page ui colors has combination of 6 codes colors:
HEX: #f23630, RGB: (242, 54, 48); HEX: #f2e99e, RGB: (242, 233, 158); HEX: #729614, RGB: (114, 150, 20)
HEX: #9a9c77, RGB: (154, 156, 119); HEX: #d6a6a0, RGB: (214, 166, 160); HEX: #14140c, RGB: (20, 20, 12)
Simplified version of palette colors
Shade of Red, Shade of Khaki, Shade of olivedrab, Tint of darkkhaki, Shade of rosybrown, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Design web checkout page ui colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f23630 #f23630 RGB(242, 54, 48)
#f2e99e #f2e99e RGB(242, 233, 158)
#729614 #729614 RGB(114, 150, 20)
#9a9c77 #9a9c77 RGB(154, 156, 119)
#d6a6a0 #d6a6a0 RGB(214, 166, 160)
#14140c #14140c RGB(20, 20, 12)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f23630
#729614
1.13
#f23630
#9a9c77
1.38
#f23630
#d6a6a0
1.83
#f2e99e
#d6a6a0
1.72
#729614
#9a9c77
1.21
#729614
#d6a6a0
1.61

Image palette Design web checkout page ui colors png