Created at 04/05/2020 13:58
  0.21k

Ui design ux payment reciept palette

  • #43b423
  • #98dca9
  • #103c8a
  • #4d679e
  • #c3d6b0
  • #0f3b89
The palette consists of Light colors. Accent colors #c3d6b0 and #0f3b89. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #0F3B89 (darkest) to #C3D6B0 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

Hues are spread broadly around the wheel — a varied palette (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #0F3B89, #103C8A, #43B423, #4D679E, #98DCA9, #C3D6B0

Palette Ui design ux payment reciept palette has combination of 6 codes colors:
HEX: #43b423, RGB: (67, 180, 35); HEX: #98dca9, RGB: (152, 220, 169); HEX: #103c8a, RGB: (16, 60, 138)
HEX: #4d679e, RGB: (77, 103, 158); HEX: #c3d6b0, RGB: (195, 214, 176); HEX: #0f3b89, RGB: (15, 59, 137)
Simplified version of palette colors
Tint of limegreen, Shade of mediumaquamarine, Tint of darkslateblue, Tint of royalblue, Shade of darkseagreen, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Ui design ux payment reciept palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#43b423 #43b423 RGB(67, 180, 35)
#98dca9 #98dca9 RGB(152, 220, 169)
#103c8a #103c8a RGB(16, 60, 138)
#4d679e #4d679e RGB(77, 103, 158)
#c3d6b0 #c3d6b0 RGB(195, 214, 176)
#0f3b89 #0f3b89 RGB(15, 59, 137)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#43b423
#98dca9
1.68
#43b423
#c3d6b0
1.74
#98dca9
#c3d6b0
1.03
#103c8a
#4d679e
1.84
#103c8a
#0f3b89
1.01
#4d679e
#0f3b89
1.86

Image palette Ui design ux payment reciept palette png