Branding ux web design colors

  • #31e996
  • #3bf484
  • #21905d
  • #6f886a
  • #a7c7a2
  • #6e7474
  0.22k
Created at 02/04/2020 10:51
The palette consists of Light, Semi dark colors. Accent colors #31e996 and #3bf484. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #6E7474 (darkest) to #3BF484 (lightest). The lightness range is moderate.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

An analogous palette: its hues sit close together on the color wheel, within about 43°.

Overall temperature among swatches leans cool (5 of 6).

HEX codes (sorted): #21905D, #31E996, #3BF484, #6E7474, #6F886A, #A7C7A2

Palette Branding ux web design colors combines 6 color codes:
HEX: #31e996, RGB: (49, 233, 150); HEX: #3bf484, RGB: (59, 244, 132); HEX: #21905d, RGB: (33, 144, 93)
HEX: #6f886a, RGB: (111, 136, 106); HEX: #a7c7a2, RGB: (167, 199, 162); HEX: #6e7474, RGB: (110, 116, 116)
Simplified version of palette colors
Tint of Medium Spring Green, Tint of Spring Green, Shade of Sea Green, Tint of Sea Green, Tint of Dark Sea Green, Tint of Dim Gray
Color scheme was created by colorswall

Color codes in palette

Branding ux web design colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#31e996#31e996RGB(49, 233, 150)——
#3bf484#3bf484RGB(59, 244, 132)——
#21905d#21905dRGB(33, 144, 93)——
#6f886a#6f886aRGB(111, 136, 106)——
#a7c7a2#a7c7a2RGB(167, 199, 162)——
#6e7474#6e7474RGB(110, 116, 116)——

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#31e996
#3bf484
1.09
#31e996
#a7c7a2
1.16
#3bf484
#a7c7a2
1.27
#21905d
#6f886a
1.03
#21905d
#6e7474
1.18
#6f886a
#6e7474
1.22

Image palette Branding ux web design colors png