Curated Palette from Mech Engineer | Automotive Colors
Automotive Colors

Color Palette

Mech Engineer — Electric Bicycle

232322
Copy As
HEX #232322
RGB rgb(35,35,34)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
3A3A39
Copy As
HEX #3A3A39
RGB rgb(58,58,57)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
0E0E0D
Copy As
HEX #0E0E0D
RGB rgb(14,14,13)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
D5D5D5
Copy As
HEX #D5D5D5
RGB rgb(213,213,213)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
4F4F4E
Copy As
HEX #4F4F4E
RGB rgb(79,79,78)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
C1C1C1
Copy As
HEX #C1C1C1
RGB rgb(193,193,193)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
E7E7E7
Copy As
HEX #E7E7E7
RGB rgb(231,231,231)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
616160
Copy As
HEX #616160
RGB rgb(97,97,96)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
#232322
#3A3A39
#0E0E0D
#D5D5D5
#4F4F4E
#C1C1C1
#E7E7E7
#616160
Mech Engineer

This palette was extracted from

Mech Engineer

Award-Winning Electric Bicycle

About the Design

This design features Black, Dark Slate Gray, Light Gray, Silver, Lavender, and Dim Gray.

About the Award-Winning Electric Bicycle Design: Inspired by the cyberpunk aesthetic, this design blends futuristic and sci fi elements. Its streamlined body lines and straddle style frame create a strong visual impact. The hidden cyber style dashboard, floating air cushion seat, and X shaped matrix headlights enhance its technological appeal. The inclusion of adjustable ambient lighting adds a personalized touch, making each ride a distinctive experience.

This palette has a refreshing feel, evoking peaceful balance.

View at A' Design Award

Mech Engineer , the inspiration behind this palette, was designed by Cheng Guohua.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#232322
Black
23.0% Black
Web Formats
HEX #232322
RGB 35,35,34
HSL hsl(60, 1%, 14%)
HWB hwb(60, 13%, 86%)
Print & Design
CMYK cmyk(0%, 0%, 3%, 86%)
HSV hsv(60, 3%, 14%)
Perceptual (Color Science)
LAB lab(13.68, -0.24, 0.67)
LCH lch(13.68, 0.71, 110°)
XYZ xyz(1.58, 1.67, 1.75)
OKLab oklab(0.2558, -0.0005, 0.0018)
Accessibility (WCAG 2.1)
Aa
On White
15.73:1
AAA Pass
Aa
On Black
1.33:1
Fail
Aa
White on Color
15.73:1
AAA Pass
Aa
Black on Color
1.33:1
Fail
1.7%
Relative Luminance
0.0167
Very Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#232324
Complementary
of Black
#242423
Analogous
of Black
#242423
Analogous
of Black
#4B4B49
Lighter Tint
of Black
#71716F
Lighter Tint
of Black
#979795
Lighter Tint
of Black
#0D0D0D
Darker Shade
of Black
#0D0D0D
Darker Shade
of Black
#0D0D0D
Darker Shade
of Black
Black
Named Color
Discover the Hue
#3A3A39
Dark Slate Gray
16.4% Gray
Web Formats
HEX #3A3A39
RGB 58,58,57
HSL hsl(60, 1%, 23%)
HWB hwb(60, 22%, 77%)
Print & Design
CMYK cmyk(0%, 0%, 2%, 77%)
HSV hsv(60, 2%, 23%)
Perceptual (Color Science)
LAB lab(24.39, -0.23, 0.62)
LCH lch(24.39, 0.66, 110°)
XYZ xyz(4, 4.22, 4.47)
OKLab oklab(0.3481, -0.0005, 0.0016)
Accessibility (WCAG 2.1)
Aa
On White
11.39:1
AAA Pass
Aa
On Black
1.84:1
Fail
Aa
White on Color
11.39:1
AAA Pass
Aa
Black on Color
1.84:1
Fail
4.2%
Relative Luminance
0.0422
Very Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#3A3A3B
Complementary
of Dark Slate Gray
#3B3B3A
Analogous
of Dark Slate Gray
#3B3B3A
Analogous
of Dark Slate Gray
#626260
Lighter Tint
of Dark Slate Gray
#888886
Lighter Tint
of Dark Slate Gray
#AEAEAD
Lighter Tint
of Dark Slate Gray
#151514
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#0E0E0D
Black
15.1% Black
Web Formats
HEX #0E0E0D
RGB 14,14,13
HSL hsl(60, 4%, 5%)
HWB hwb(60, 5%, 95%)
Print & Design
CMYK cmyk(0%, 0%, 7%, 95%)
HSV hsv(60, 7%, 5%)
Perceptual (Color Science)
LAB lab(3.94, -0.17, 0.46)
LCH lch(3.94, 0.49, 110.2°)
XYZ xyz(0.41, 0.44, 0.44)
OKLab oklab(0.1633, -0.0006, 0.002)
Accessibility (WCAG 2.1)
Aa
On White
19.31:1
AAA Pass
Aa
On Black
1.09:1
Fail
Aa
White on Color
19.31:1
AAA Pass
Aa
Black on Color
1.09:1
Fail
0.4%
Relative Luminance
0.0044
Very Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#0C0C0D
Complementary
of Black
#0D0D0C
Analogous
of Black
#0D0D0C
Analogous
of Black
#353531
Lighter Tint
of Black
#5D5D56
Lighter Tint
of Black
#85857A
Lighter Tint
of Black
#0D0D0C
Darker Shade
of Black
#0D0D0C
Darker Shade
of Black
#0D0D0C
Darker Shade
of Black
Black
Named Color
Discover the Hue
#D5D5D5
Light Gray
13.9% Gray
Web Formats
HEX #D5D5D5
RGB 213,213,213
HSL hsl(0, 0%, 84%)
HWB hwb(0, 84%, 16%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 16%)
HSV hsv(0, 0%, 84%)
Perceptual (Color Science)
LAB lab(85.27, -0, 0)
LCH lch(85.27, 0, 158.2°)
XYZ xyz(63.24, 66.54, 72.45)
OKLab oklab(0.873, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.47:1
Fail
Aa
On Black
14.31:1
AAA Pass
Aa
White on Color
1.47:1
Fail
Aa
Black on Color
14.31:1
AAA Pass
66.5%
Relative Luminance
0.6654
Light

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#D6D6D6
Complementary
of Light Gray
#D6D6D6
Analogous
of Light Gray
#D6D6D6
Analogous
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#B0B0B0
Darker Shade
of Light Gray
#8A8A8A
Darker Shade
of Light Gray
#636363
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#4F4F4E
Dark Slate Gray
9.7% Gray
Web Formats
HEX #4F4F4E
RGB 79,79,78
HSL hsl(60, 1%, 31%)
HWB hwb(60, 31%, 69%)
Print & Design
CMYK cmyk(0%, 0%, 1%, 69%)
HSV hsv(60, 1%, 31%)
Perceptual (Color Science)
LAB lab(33.57, -0.22, 0.59)
LCH lch(33.57, 0.63, 110.1°)
XYZ xyz(7.4, 7.8, 8.32)
OKLab oklab(0.4273, -0.0005, 0.0016)
Accessibility (WCAG 2.1)
Aa
On White
8.20:1
AAA Pass
Aa
On Black
2.56:1
Fail
Aa
White on Color
8.20:1
AAA Pass
Aa
Black on Color
2.56:1
Fail
7.8%
Relative Luminance
0.0780
Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#4E4E50
Complementary
of Dark Slate Gray
#4F504E
Analogous
of Dark Slate Gray
#504F4E
Analogous
of Dark Slate Gray
#767674
Lighter Tint
of Dark Slate Gray
#9D9D9B
Lighter Tint
of Dark Slate Gray
#C2C2C1
Lighter Tint
of Dark Slate Gray
#292928
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#C1C1C1
Silver
7.4% Gray
Web Formats
HEX #C1C1C1
RGB 193,193,193
HSL hsl(0, 0%, 76%)
HWB hwb(0, 76%, 24%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 24%)
HSV hsv(0, 0%, 76%)
Perceptual (Color Science)
LAB lab(78.07, -0, 0)
LCH lch(78.07, 0, 158.2°)
XYZ xyz(50.69, 53.33, 58.06)
OKLab oklab(0.8109, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.80:1
Fail
Aa
On Black
11.67:1
AAA Pass
Aa
White on Color
1.80:1
Fail
Aa
Black on Color
11.67:1
AAA Pass
53.3%
Relative Luminance
0.5333
Mid-tone

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#C2C2C2
Complementary
of Silver
#C2C2C2
Analogous
of Silver
#C2C2C2
Analogous
of Silver
#E8E8E8
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#9C9C9C
Darker Shade
of Silver
#757575
Darker Shade
of Silver
#4F4F4F
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#E7E7E7
Lavender
7.4% Purple
Web Formats
HEX #E7E7E7
RGB 231,231,231
HSL hsl(0, 0%, 91%)
HWB hwb(0, 91%, 9%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 9%)
HSV hsv(0, 0%, 91%)
Perceptual (Color Science)
LAB lab(91.64, -0, 0)
LCH lch(91.64, 0, 158.2°)
XYZ xyz(75.95, 79.91, 87.01)
OKLab oklab(0.928, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.24:1
Fail
Aa
On Black
16.98:1
AAA Pass
Aa
White on Color
1.24:1
Fail
Aa
Black on Color
16.98:1
AAA Pass
79.9%
Relative Luminance
0.7991
Light

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#E8E8E8
Complementary
of Lavender
#E8E8E8
Analogous
of Lavender
#E8E8E8
Analogous
of Lavender
#F2F2F2
Lighter Tint
of Lavender
#F2F2F2
Lighter Tint
of Lavender
#F2F2F2
Lighter Tint
of Lavender
#C2C2C2
Darker Shade
of Lavender
#9C9C9C
Darker Shade
of Lavender
#757575
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue
#616160
Dim Gray
7.1% Gray
Web Formats
HEX #616160
RGB 97,97,96
HSL hsl(60, 1%, 38%)
HWB hwb(60, 38%, 62%)
Print & Design
CMYK cmyk(0%, 0%, 1%, 62%)
HSV hsv(60, 1%, 38%)
Perceptual (Color Science)
LAB lab(41.11, -0.21, 0.57)
LCH lch(41.11, 0.61, 110.1°)
XYZ xyz(11.32, 11.94, 12.77)
OKLab oklab(0.4923, -0.0004, 0.0015)
Accessibility (WCAG 2.1)
Aa
On White
6.20:1
AA Pass
Aa
On Black
3.39:1
Large Only
Aa
White on Color
6.20:1
AA Pass
Aa
Black on Color
3.39:1
Large Only
11.9%
Relative Luminance
0.1194
Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#606062
Complementary
of Dim Gray
#616260
Analogous
of Dim Gray
#626160
Analogous
of Dim Gray
#888886
Lighter Tint
of Dim Gray
#AEAEAD
Lighter Tint
of Dim Gray
#D4D4D3
Lighter Tint
of Dim Gray
#3B3B3A
Darker Shade
of Dim Gray
#151514
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue

This palette originates from Cheng Guohua's acclaimed work "Mech Engineer ".

About Cheng Guohua

Cheng Guohua

Cheng Guohua is a renowned agency acknowledged by the A' Design Award. Their work embodies mastery in design excellence.

Discover more color palettes from Cheng Guohua's award-winning work.

Explore Cheng Guohua's Palettes View Cheng Guohua's Profile
Bronze A' Motorcycle Design Award 2025

About the Award

Bronze A' Motorcycle Design Award 2025

Mech Engineer was awarded with the Bronze A' Motorcycle Design Award in 2025. The A' Design Award is a well-established design recognition initiative that honors exemplary design excellence. Award recipients are determined through rigorous evaluation by qualified design professionals with diverse expertise in design. The Bronze status represents notable design quality as judged by the review committee.

A' Motorcycle Design Award

Rev up the recognition of your cutting-edge motorcycle designs. The motorcycle award category highlights aesthetic innovation, engineering excellence, and ergonomic functionality in two-wheeled transportation.

Recognizes: Motorcycles, Electric Motorcycles, Cruisers, Sportbikes, Touring Motorcycles, Dual-Sport Motorcycles, Dirt Bikes, Cafe Racers, Choppers and More.
Learn More About A' Motorcycle Design Award View at A' Design Award

More Palettes from Mech Engineer

Each image reveals a unique color story. Click to explore.

Mech Engineer - View 2
343433
E5E5E5
232322
131312
424241
CFCFCF
5A5A58
050505
Mech Engineer • View 2
Mech Engineer - View 3
292928
3E3E3D
E9E9E9
555554
141414
CDF07E
D1D1D1
6A6B69
Mech Engineer • View 3
Mech Engineer - View 4
353536
202021
49494A
0D0D0D
616263
E7E7E7
787879
7997D4
Mech Engineer • View 4
Mech Engineer - View 5
C2EE62
2D2D2B
181815
DEDEDE
444343
B7E257
ADDA44
0A0A07
Mech Engineer • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Greenger G3
282828
E7E8E7
AAEB4A
3F403F
A3A3A4
8ACA1C
C2C2C3
151515
Greenger G3
26,454 ID#152790
Aurora Pony
1F2024
2D2F34
414348
AAACB2
5A5C60
96989D
E4E5E6
D0D1D3
Aurora Pony
9,479 ID#171543
Exeed Es
B5C1D5
A4B1C6
D0D9E7
5D96BA
72ABD0
212A34
374756
8DC3E6
Exeed Es
1,253,854 ID#155976
Geely Galaxy E8
E9E0D7
A4ABB4
B7B9BE
252D3E
141724
344154
7F97AE
8E96A0
Geely Galaxy E8
1,327,657 ID#156962
Octyma
959506
AAA211
818404
6B7005
505304
171713
2A2B2A
48484A
Octyma
1,351,574 ID#157399
Surge EV
0C0F14
5E5E64
282C32
44444A
747579
EBEBED
8D8C91
ADAEB3
Surge EV
1,233,019 ID#159855
Hongqi E-HS9
9FA3AB
41464D
7E828B
555961
696E76
B3B6BE
8D929A
C8C9D1
Hongqi E-HS9
874,799 ID#144403
Pure Advance Flex
3B3C3C
262626
9D9A98
787674
B5B3B1
5B5A5A
E9E9E8
D7D5D4
Pure Advance Flex
1,333,804 ID#149070
Galaxy Light
E1E2E6
C3C6CB
07080C
1F252B
A9ACB1
363E45
8E9298
5A626A
Galaxy Light
1,264,123 ID#149873
Enduro2
424546
57595A
303130
76797C
88898C
E3E2E3
67696B
ABABAD
Enduro2
2,856,850 ID#126895
CanguRo
D9DBDE
ADB1B4
454547
2E2E30
17191C
59595C
6E6F71
96999D
CanguRo
2,417,327 ID#106350
ST5
ECECEC
353535
A2A1A1
8A8989
626161
4D4D4C
242424
D7D7D7
ST5
200,022 ID#93414