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
Created at 02/23/2023 11:35
The palette consists of Light, Semi dark 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, averaging 22% across the palette.
An analogous palette: its hues sit close together on the color wheel, within about 0°.
Overall temperature among swatches leans cool (3 of 6).
HEX codes (sorted): #245F39, #3C3C3C, #46B86F, #7C7C7C, #A4DCB8, #BCBCBC
Palette Product design app logo ux colours combines 6 color codes:
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
Tint of Medium Sea Green, Tint of Medium Aquamarine, Tint of Dark Green, Shade of Grey, Shade of Silver, Shade of Dark Slate Gray
Color scheme was created by bad_colors
Color 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
Export Palette
Download the "Product design app logo ux colours" in multiple formats for seamless integration into your design projects.
Available formats: