Loading...
Created at 01/16/2020 16:38
  0.26k

Website redesign mobile responsive ui ux user interface experience colours

  • #a3c947
  • #d4e4fc
  • #51661e
  • #5483a1
  • #b0c2d0
  • #5d7622
Loading...
The palette consists of Light, Semi dark colors. Accent colors #d4e4fc and #5d7622. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #51661E (darkest) to #D4E4FC (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma).

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

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #51661E, #5483A1, #5D7622, #A3C947, #B0C2D0, #D4E4FC

Palette Website redesign mobile responsive ui ux user interface experience colours has combination of 6 codes colors:
HEX: #a3c947, RGB: (163, 201, 71); HEX: #d4e4fc, RGB: (212, 228, 252); HEX: #51661e, RGB: (81, 102, 30)
HEX: #5483a1, RGB: (84, 131, 161); HEX: #b0c2d0, RGB: (176, 194, 208); HEX: #5d7622, RGB: (93, 118, 34)
Simplified version of palette colors
Shade of Yellowgreen, Tint of lavender, Tint of darkolivegreen, Shade of steelblue, Tint of lightsteelblue, Shade of darkolivegreen
Color scheme was created by colorswall

Colors codes in palette

Website redesign mobile responsive ui ux user interface experience colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#a3c947 #a3c947 RGB(163, 201, 71)
#d4e4fc #d4e4fc RGB(212, 228, 252)
#51661e #51661e RGB(81, 102, 30)
#5483a1 #5483a1 RGB(84, 131, 161)
#b0c2d0 #b0c2d0 RGB(176, 194, 208)
#5d7622 #5d7622 RGB(93, 118, 34)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#a3c947
#d4e4fc
1.48
#a3c947
#b0c2d0
1.04
#d4e4fc
#b0c2d0
1.42
#51661e
#5483a1
1.57
#51661e
#5d7622
1.24
#5483a1
#5d7622
1.25

Image palette Website redesign mobile responsive ui ux user interface experience colours png

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