Strategy Colors

Color Palette

ModuCruze — Futuristic E-Bike Concept

202428
Copy As
HEX#202428
RGBrgb(32,36,40)
HSLhsl(210, 11%, 14%)
CMYKcmyk(20%, 10%, 0%, 84%)
Download
SVG PNG
7C8890
Copy As
HEX#7C8890
RGBrgb(124,136,144)
HSLhsl(204, 8%, 53%)
CMYKcmyk(14%, 6%, 0%, 44%)
Download
SVG PNG
131517
Copy As
HEX#131517
RGBrgb(19,21,23)
HSLhsl(210, 10%, 8%)
CMYKcmyk(17%, 9%, 0%, 91%)
Download
SVG PNG
545C63
Copy As
HEX#545C63
RGBrgb(84,92,99)
HSLhsl(208, 8%, 36%)
CMYKcmyk(15%, 7%, 0%, 61%)
Download
SVG PNG
43494E
Copy As
HEX#43494E
RGBrgb(67,73,78)
HSLhsl(207, 8%, 28%)
CMYKcmyk(14%, 6%, 0%, 69%)
Download
SVG PNG
687279
Copy As
HEX#687279
RGBrgb(104,114,121)
HSLhsl(205, 8%, 44%)
CMYKcmyk(14%, 6%, 0%, 53%)
Download
SVG PNG
8C98A0
Copy As
HEX#8C98A0
RGBrgb(140,152,160)
HSLhsl(204, 10%, 59%)
CMYKcmyk(13%, 5%, 0%, 37%)
Download
SVG PNG
31373C
Copy As
HEX#31373C
RGBrgb(49,55,60)
HSLhsl(207, 10%, 21%)
CMYKcmyk(18%, 8%, 0%, 76%)
Download
SVG PNG
#202428
#7C8890
#131517
#545C63
#43494E
#687279
#8C98A0
#31373C
ModuCruze

This palette was extracted from

ModuCruze

Award-Winning Futuristic E-Bike Concept

About the Design

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

About the Award-Winning Futuristic E-Bike Concept Design: Moducruze is an electric bicycle concept designed for city commuting and recreational riding. The compact electric powertrain keeps the frame small and easy to store. Modular panels can be removed and refitted, so colors can be changed and accessories can be added. Lightweight composite materials provide durability while keeping the weight low. Throttle and brake controls are placed on the handlebars, and a connected application allows performance tracking and setting adjustment. The concept combines practical transport with personal expression.

This palette has a refreshing feel, evoking peaceful balance.

View at A' Design Award

ModuCruze, the design behind this palette, was designed by yisong jiang.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#202428
Black
44.2% Black
Web Formats
HEX#202428
RGB32,36,40
HSLhsl(210, 11%, 14%)
HWBhwb(210, 13%, 84%)
Print & Design
CMYKcmyk(20%, 10%, 0%, 84%)
HSVhsv(210, 20%, 16%)
Perceptual (Color Science)
LABlab(13.95, -0.72, -3.27)
LCHlch(13.95, 3.35, 257.6°)
XYZxyz(1.61, 1.72, 2.25)
OKLaboklab(0.2579, -0.0035, -0.0088)
Accessibility (WCAG 2.1)
Aa
On White
15.62:1
AAA Pass
Aa
On Black
1.34:1
Fail
Aa
White on Color
15.62:1
AAA Pass
Aa
Black on Color
1.34:1
Fail
1.7%
Relative Luminance
0.0172
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
#282420
Complementary
of Black
#202028
Analogous
of Black
#202828
Analogous
of Black
#424A52
Lighter Tint
of Black
#64707D
Lighter Tint
of Black
#8B96A2
Lighter Tint
of Black
#0B0D0E
Darker Shade
of Black
#0B0D0E
Darker Shade
of Black
#0B0D0E
Darker Shade
of Black
Black
Named Color
Discover the Hue
#7C8890
Light Slate Gray
17.0% Gray
Web Formats
HEX#7C8890
RGB124,136,144
HSLhsl(204, 8%, 53%)
HWBhwb(204, 49%, 44%)
Print & Design
CMYKcmyk(14%, 6%, 0%, 44%)
HSVhsv(204, 14%, 56%)
Perceptual (Color Science)
LABlab(55.99, -2.63, -5.76)
LCHlch(55.99, 6.34, 245.5°)
XYZxyz(22.15, 23.91, 29.83)
OKLaboklab(0.6196, -0.0101, -0.0155)
Accessibility (WCAG 2.1)
Aa
On White
3.63:1
Large Only
Aa
On Black
5.78:1
AA Pass
Aa
White on Color
3.63:1
Large Only
Aa
Black on Color
5.78:1
AA Pass
23.9%
Relative Luminance
0.2391
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
#91857E
Complementary
of Light Slate Gray
#7E7F91
Analogous
of Light Slate Gray
#7E918F
Analogous
of Light Slate Gray
#A7AFB4
Lighter Tint
of Light Slate Gray
#D0D4D7
Lighter Tint
of Light Slate Gray
#F1F2F3
Lighter Tint
of Light Slate Gray
#596269
Darker Shade
of Light Slate Gray
#363C3F
Darker Shade
of Light Slate Gray
#131516
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#131517
Black
9.0% Black
Web Formats
HEX#131517
RGB19,21,23
HSLhsl(210, 10%, 8%)
HWBhwb(210, 7%, 91%)
Print & Design
CMYKcmyk(17%, 9%, 0%, 91%)
HSVhsv(210, 17%, 9%)
Perceptual (Color Science)
LABlab(6.65, -0.36, -1.63)
LCHlch(6.65, 1.67, 257.5°)
XYZxyz(0.69, 0.74, 0.92)
OKLaboklab(0.1944, -0.0019, -0.0047)
Accessibility (WCAG 2.1)
Aa
On White
18.30:1
AAA Pass
Aa
On Black
1.15:1
Fail
Aa
White on Color
18.30:1
AAA Pass
Aa
Black on Color
1.15:1
Fail
0.7%
Relative Luminance
0.0074
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
#161412
Complementary
of Black
#121216
Analogous
of Black
#121616
Analogous
of Black
#353B41
Lighter Tint
of Black
#57616B
Lighter Tint
of Black
#7B8793
Lighter Tint
of Black
#0B0D0E
Darker Shade
of Black
#0B0D0E
Darker Shade
of Black
#0B0D0E
Darker Shade
of Black
Black
Named Color
Discover the Hue
#545C63
Dim Gray
8.0% Gray
Web Formats
HEX#545C63
RGB84,92,99
HSLhsl(208, 8%, 36%)
HWBhwb(208, 33%, 61%)
Print & Design
CMYKcmyk(15%, 7%, 0%, 61%)
HSVhsv(208, 15%, 39%)
Perceptual (Color Science)
LABlab(38.62, -1.49, -5.07)
LCHlch(38.62, 5.29, 253.6°)
XYZxyz(9.73, 10.44, 13.3)
OKLaboklab(0.4703, -0.0065, -0.0137)
Accessibility (WCAG 2.1)
Aa
On White
6.80:1
AA Pass
Aa
On Black
3.09:1
Large Only
Aa
White on Color
6.80:1
AA Pass
Aa
Black on Color
3.09:1
Large Only
10.4%
Relative Luminance
0.1044
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
#635B54
Complementary
of Dim Gray
#545563
Analogous
of Dim Gray
#546363
Analogous
of Dim Gray
#78838C
Lighter Tint
of Dim Gray
#A1A9AF
Lighter Tint
of Dim Gray
#CBCFD2
Lighter Tint
of Dim Gray
#31363A
Darker Shade
of Dim Gray
#0E0F11
Darker Shade
of Dim Gray
#0C0D0E
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#43494E
Dark Slate Gray
6.7% Gray
Web Formats
HEX#43494E
RGB67,73,78
HSLhsl(207, 8%, 28%)
HWBhwb(207, 26%, 69%)
Print & Design
CMYKcmyk(14%, 6%, 0%, 69%)
HSVhsv(207, 14%, 31%)
Perceptual (Color Science)
LABlab(30.66, -1.24, -3.81)
LCHlch(30.66, 4.01, 252°)
XYZxyz(6.07, 6.51, 8.14)
OKLaboklab(0.4017, -0.0052, -0.0103)
Accessibility (WCAG 2.1)
Aa
On White
9.12:1
AAA Pass
Aa
On Black
2.30:1
Fail
Aa
White on Color
9.12:1
AAA Pass
Aa
Black on Color
2.30:1
Fail
6.5%
Relative Luminance
0.0651
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
#4D4742
Complementary
of Dark Slate Gray
#42424D
Analogous
of Dark Slate Gray
#424D4D
Analogous
of Dark Slate Gray
#656F76
Lighter Tint
of Dark Slate Gray
#8B959C
Lighter Tint
of Dark Slate Gray
#B5BBC0
Lighter Tint
of Dark Slate Gray
#1E2124
Darker Shade
of Dark Slate Gray
#0C0D0E
Darker Shade
of Dark Slate Gray
#0C0D0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#687279
Dim Gray
5.8% Gray
Web Formats
HEX#687279
RGB104,114,121
HSLhsl(205, 8%, 44%)
HWBhwb(205, 41%, 53%)
Print & Design
CMYKcmyk(14%, 6%, 0%, 53%)
HSVhsv(205, 14%, 47%)
Perceptual (Color Science)
LABlab(47.44, -2.19, -5.14)
LCHlch(47.44, 5.59, 246.9°)
XYZxyz(15.18, 16.36, 20.44)
OKLaboklab(0.546, -0.0086, -0.0139)
Accessibility (WCAG 2.1)
Aa
On White
4.92:1
AA Pass
Aa
On Black
4.27:1
Large Only
Aa
White on Color
4.92:1
AA Pass
Aa
Black on Color
4.27:1
Large Only
16.4%
Relative Luminance
0.1636
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
#796F67
Complementary
of Dim Gray
#676979
Analogous
of Dim Gray
#677978
Analogous
of Dim Gray
#8E989F
Lighter Tint
of Dim Gray
#B7BEC2
Lighter Tint
of Dim Gray
#E1E3E5
Lighter Tint
of Dim Gray
#444B50
Darker Shade
of Dim Gray
#212427
Darker Shade
of Dim Gray
#0C0D0E
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#8C98A0
Light Slate Gray
4.6% Gray
Web Formats
HEX#8C98A0
RGB140,152,160
HSLhsl(204, 10%, 59%)
HWBhwb(204, 55%, 37%)
Print & Design
CMYKcmyk(13%, 5%, 0%, 37%)
HSVhsv(204, 13%, 63%)
Perceptual (Color Science)
LABlab(62.14, -2.6, -5.66)
LCHlch(62.14, 6.23, 245.3°)
XYZxyz(28.39, 30.57, 37.66)
OKLaboklab(0.6726, -0.01, -0.0152)
Accessibility (WCAG 2.1)
Aa
On White
2.95:1
Fail
Aa
On Black
7.11:1
AAA Pass
Aa
White on Color
2.95:1
Fail
Aa
Black on Color
7.11:1
AAA Pass
30.6%
Relative Luminance
0.3057
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
#A1948C
Complementary
of Light Slate Gray
#8C8EA1
Analogous
of Light Slate Gray
#8CA19F
Analogous
of Light Slate Gray
#B6BEC3
Lighter Tint
of Light Slate Gray
#E0E4E6
Lighter Tint
of Light Slate Gray
#F1F3F4
Lighter Tint
of Light Slate Gray
#65727B
Darker Shade
of Light Slate Gray
#434B51
Darker Shade
of Light Slate Gray
#202427
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#31373C
Dark Slate Gray
4.8% Gray
Web Formats
HEX#31373C
RGB49,55,60
HSLhsl(207, 10%, 21%)
HWBhwb(207, 19%, 76%)
Print & Design
CMYKcmyk(18%, 8%, 0%, 76%)
HSVhsv(207, 18%, 24%)
Perceptual (Color Science)
LABlab(22.69, -1.26, -3.98)
LCHlch(22.69, 4.18, 252.4°)
XYZxyz(3.45, 3.71, 4.81)
OKLaboklab(0.3331, -0.0054, -0.0108)
Accessibility (WCAG 2.1)
Aa
On White
12.05:1
AAA Pass
Aa
On Black
1.74:1
Fail
Aa
White on Color
12.05:1
AAA Pass
Aa
Black on Color
1.74:1
Fail
3.7%
Relative Luminance
0.0371
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
#3B3530
Complementary
of Dark Slate Gray
#30313B
Analogous
of Dark Slate Gray
#303B3A
Analogous
of Dark Slate Gray
#535D65
Lighter Tint
of Dark Slate Gray
#76838F
Lighter Tint
of Dark Slate Gray
#A0A9B1
Lighter Tint
of Dark Slate Gray
#0E0F11
Darker Shade
of Dark Slate Gray
#0B0D0E
Darker Shade
of Dark Slate Gray
#0B0D0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue

This color palette was derived from yisong jiang's award-winning project "ModuCruze".

yisong jiang

About the Designer

yisong jiang

yisong jiang is an acclaimed creative director honored by the A' Design Award. Their portfolio demonstrates expertise in design and visual communication.

Hello, I’m Yisong Jiang, a dedicated designer recognized for my commitment to crafting visually striking and deeply user-centric experiences. My expertise lies in the intricate realm of vehicle design, where I seamlessly merge the artistry of aesthetics with the precision of functionality. Each design I undertake is a thoughtful orchestration of form and purpose, creating not just products, but immersive journeys.

With an unwavering passion for innovation, I consistently push the boundaries of conventional design, ensuring that my creations not only meet industry standards but redefine them. My approach is rooted in a meticulous understanding of user needs, market trends, and a keen sense of storytelling through design.

As we embark on this creative journey, I look forward to collaboratively bringing your vision to life. Let’s transcend the ordinary and shape experiences that are not only visually captivating but leave an indelible mark on those who encounter them.

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

Explore jiang's Palettes View jiang's Profile
Bronze A' Futuristic Design Award 2025

About the Award

Bronze A' Futuristic Design Award 2025

ModuCruze has been recognized with the Bronze A' Futuristic Design Award in 2025. The A' Design Award is an internationally acknowledged design competition that recognizes outstanding creative accomplishment. Laureates are chosen through comprehensive judging by industry experts representing multiple disciplines. The Bronze status indicates commendable design excellence as assessed by the judging body.

A' Futuristic Design Award

Unveil groundbreaking concepts that redefine the boundaries of design and technology. The futuristic design award category highlights visionary innovations, potential for significant impact on society, and the exploration of uncharted design territories.

Recognizes: Conceptual Architectures, Advanced Robotics, Innovative Transportation Systems, Futuristic Fashion Designs, Progressive Furniture Pieces, Next-Gen Electronic Gadgets, Revolutionary Software Interfaces, Groundbreaking Biotech Innovations and More.
Learn More About A' Futuristic Design Award View at A' Design Award

More Palettes from ModuCruze

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

ModuCruze - View 2
1E252B
141A1E
050709
83949F
63707A
71808C
353E45
46515A
ModuCruze • View 2
ModuCruze - View 3
1F262C
8C9AA5
7E8E99
5D676F
313A41
727E86
454F56
0E1114
ModuCruze • View 3
ModuCruze - View 4
141A1F
2E343A
97A5AF
050709
454E56
AFBBC2
86949E
21272D
ModuCruze • View 4
ModuCruze - View 5
161C22
0D1115
73838F
48555E
606E78
313A42
8799A5
040404
ModuCruze • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Eden Rise
B5B6B6
ECE1D1
CCC6BF
9DA7AB
DAD2C9
4E3C37
DABB9A
332729
Eden Rise
208,967 ID#164052
Pioneer
3D3F40
5C5E5F
262828
4B4F50
717476
87898B
9FA1A2
B0B1B2
Pioneer
190,575 ID#165613
Skybridge
EBEBEA
6D6D6B
828281
272726
595958
3E3E3D
D6D6D2
DECE6D
Skybridge
198,944 ID#170590
Swimcar
262B38
3D424B
5D6A7A
5F6060
4A545E
8F8983
465973
5E8DC3
Swimcar
18,204 ID#181227
Endeavor
2F3033
656870
212224
898D96
515259
787B83
434349
ABB0B9
Endeavor
24,644 ID#181475
Haidongqing
DDDDDC
C8C7C6
323333
7B7B7B
4F4F4F
AEAEAD
979796
1D201F
Haidongqing
123,376 ID#164605
Savior
F5F6F9
C2C6CD
AAAFB8
343A45
484E58
878D97
D0D5DB
70767F
Savior
121,712 ID#164686
Sky Route AI
D4D1D3
B5B0B4
A09BA0
837F84
F6CE02
686569
535155
1F1B19
Sky Route AI
136,465 ID#171188
Hinemosu 30
131313
282828
474747
676867
A9A9A9
808080
EEEEEE
373738
Hinemosu 30
1,504,427 ID#159382
Changes and Cycles in Between
FEFEFE
2D2824
464034
575349
D1CDBC
B7BBB0
695F58
80806A
Changes and Cycles in Between
205,875 ID#170864
Shape Grammars
CDCDCD
E5E5E5
B8B8B8
9D9D9D
898989
F3F3F3
727272
010101
Shape Grammars
228,696 ID#130038
Flexo InForm
94684C
272619
3E3A28
634E32
7D7341
494A45
775D3E
5B5E64
Flexo InForm
703,824 ID#114604