Loading...
Created at 02/23/2023 11:35
  56

Product design app logo ux colours

  • Medium Sea Green
    #46b86f
  • Turquoise Green
    #a4dcb8
  • Mughal Green
    #245f39
  • Gray (HTML/CSS Gray)
    #7c7c7c
  • Gray (X11)
    #bcbcbc
  • Black Olive
    #3c3c3c
Loading...
The palette consists of Light colors. Accent colors Mughal Green #245f39 and Gray (X11) #bcbcbc. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #3C3C3C (darkest) to #A4DCB8 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #245F39, #3C3C3C, #46B86F, #7C7C7C, #A4DCB8, #BCBCBC

Palette Product design app logo ux colours has combination of 6 codes colors:
HEX: #46b86f, RGB: (70, 184, 111); HEX: #a4dcb8, RGB: (164, 220, 184); HEX: #245f39, RGB: (36, 95, 57)
HEX: #7c7c7c, RGB: (124, 124, 124); HEX: #bcbcbc, RGB: (188, 188, 188); HEX: #3c3c3c, RGB: (60, 60, 60)
Simplified version of palette colors
Shade of mediumseagreen, Shade of mediumaquamarine, Shade of darkgreen, Tint of Grey, Tint of Silver, Tint of darkslategrey
Color scheme was created by bad_colors

Colors codes in palette

Product design app logo ux colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#46b86f #46b86f RGB(70, 184, 111)Medium Sea Green
#a4dcb8 #a4dcb8 RGB(164, 220, 184)Turquoise Green
#245f39 #245f39 RGB(36, 95, 57)Mughal Green
#7c7c7c #7c7c7c RGB(124, 124, 124)Gray (HTML/CSS Gray)
#bcbcbc #bcbcbc RGB(188, 188, 188)Gray (X11)
#3c3c3c #3c3c3c RGB(60, 60, 60)Black Olive

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#46b86f
#a4dcb8
1.61
#46b86f
#7c7c7c
1.65
#46b86f
#bcbcbc
1.32
#a4dcb8
#bcbcbc
1.22
#245f39
#7c7c7c
1.81
#245f39
#3c3c3c
1.45

Image palette Product design app logo ux colours png

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