Discover the Colors of ST5 | Color Chips
Color Chips

Color Palette

ST5 — S-Pedelec

ECECEC
Copy As
HEX #ECECEC
RGB rgb(236,236,236)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
353535
Copy As
HEX #353535
RGB rgb(53,53,53)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
A2A1A1
Copy As
HEX #A2A1A1
RGB rgb(162,161,161)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
8A8989
Copy As
HEX #8A8989
RGB rgb(138,137,137)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
626161
Copy As
HEX #626161
RGB rgb(98,97,97)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
4D4D4C
Copy As
HEX #4D4D4C
RGB rgb(77,77,76)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
242424
Copy As
HEX #242424
RGB rgb(36,36,36)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
D7D7D7
Copy As
HEX #D7D7D7
RGB rgb(215,215,215)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
#ECECEC
#353535
#A2A1A1
#8A8989
#626161
#4D4D4C
#242424
#D7D7D7
ST5

This palette was extracted from

ST5

Award-Winning S-Pedelec

About the Design

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

About the Award-Winning S-Pedelec Design: Speed-Pedelecs are myStromer AG's core business and the premium class is their aspiration. If they feel commercially available components don’t fit their technological or esthetic concept, they develop the components themselves or have them manufactured precisely to their requirements. With the ST5, myStromer AG has taken design integration to a new level. There are hardly any visible cables, and even the handlebar, the electronics-intensive control center of the ST5, is completely clean. The battery is integrated in the downtube – this has always been the case on myStromer AG's e-bikes and they were the first manufacturer to do so.

This palette has a warming feel, evoking comfort and energy.

View at A' Design Award

ST5, the design behind this palette, was designed by myStromer AG.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#ECECEC
Lavender
19.1% Purple
Web Formats
HEX #ECECEC
RGB 236,236,236
HSL hsl(0, 0%, 93%)
HWB hwb(0, 93%, 7%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 7%)
HSV hsv(0, 0%, 93%)
Perceptual (Color Science)
LAB lab(93.4, -0, 0)
LCH lch(93.4, 0, 158.2°)
XYZ xyz(79.73, 83.88, 91.33)
OKLab oklab(0.9431, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.18:1
Fail
Aa
On Black
17.78:1
AAA Pass
Aa
White on Color
1.18:1
Fail
Aa
Black on Color
17.78:1
AAA Pass
83.9%
Relative Luminance
0.8388
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
#EDEDED
Complementary
of Lavender
#EDEDED
Analogous
of Lavender
#EDEDED
Analogous
of Lavender
#F2F2F2
Lighter Tint
of Lavender
#F2F2F2
Lighter Tint
of Lavender
#F2F2F2
Lighter Tint
of Lavender
#C7C7C7
Darker Shade
of Lavender
#A1A1A1
Darker Shade
of Lavender
#7A7A7A
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue
#353535
Dark Slate Gray
19.4% Gray
Web Formats
HEX #353535
RGB 53,53,53
HSL hsl(0, 0%, 21%)
HWB hwb(0, 21%, 79%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 79%)
HSV hsv(0, 0%, 21%)
Perceptual (Color Science)
LAB lab(22.16, -0, 0)
LCH lch(22.16, 0, 158.2°)
XYZ xyz(3.38, 3.56, 3.88)
OKLab oklab(0.329, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
12.27:1
AAA Pass
Aa
On Black
1.71:1
Fail
Aa
White on Color
12.27:1
AAA Pass
Aa
Black on Color
1.71:1
Fail
3.6%
Relative Luminance
0.0356
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
#363636
Complementary
of Dark Slate Gray
#363636
Analogous
of Dark Slate Gray
#363636
Analogous
of Dark Slate Gray
#5C5C5C
Lighter Tint
of Dark Slate Gray
#828282
Lighter Tint
of Dark Slate Gray
#A8A8A8
Lighter Tint
of Dark Slate Gray
#0F0F0F
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
#A2A1A1
Dark Gray
12.1% Gray
Web Formats
HEX #A2A1A1
RGB 162,161,161
HSL hsl(0, 1%, 63%)
HWB hwb(0, 63%, 36%)
Print & Design
CMYK cmyk(0%, 1%, 1%, 36%)
HSV hsv(0, 1%, 64%)
Perceptual (Color Science)
LAB lab(66.32, 0.36, 0.13)
LCH lch(66.32, 0.38, 19.4°)
XYZ xyz(34.08, 35.74, 38.82)
OKLab oklab(0.7098, 0.0011, 0.0003)
Accessibility (WCAG 2.1)
Aa
On White
2.58:1
Fail
Aa
On Black
8.15:1
AAA Pass
Aa
White on Color
2.58:1
Fail
Aa
Black on Color
8.15:1
AAA Pass
35.7%
Relative Luminance
0.3574
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
#A0A2A2
Complementary
of Dark Gray
#A2A1A0
Analogous
of Dark Gray
#A2A0A1
Analogous
of Dark Gray
#C7C6C6
Lighter Tint
of Dark Gray
#EDEDED
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#7C7979
Darker Shade
of Dark Gray
#555353
Darker Shade
of Dark Gray
#2E2D2D
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#8A8989
Gray
10.7% Gray
Web Formats
HEX #8A8989
RGB 138,137,137
HSL hsl(0, 0%, 54%)
HWB hwb(0, 54%, 46%)
Print & Design
CMYK cmyk(0%, 1%, 1%, 46%)
HSV hsv(0, 1%, 54%)
Perceptual (Color Science)
LAB lab(57.17, 0.37, 0.13)
LCH lch(57.17, 0.39, 19.5°)
XYZ xyz(23.94, 25.1, 27.25)
OKLab oklab(0.6309, 0.0011, 0.0004)
Accessibility (WCAG 2.1)
Aa
On White
3.49:1
Large Only
Aa
On Black
6.02:1
AA Pass
Aa
White on Color
3.49:1
Large Only
Aa
Black on Color
6.02:1
AA Pass
25.1%
Relative Luminance
0.2510
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
#8A8A8A
Complementary
of Gray
#8A8A8A
Analogous
of Gray
#8A8A8A
Analogous
of Gray
#B0B0B0
Lighter Tint
of Gray
#D6D6D6
Lighter Tint
of Gray
#F2F2F2
Lighter Tint
of Gray
#636363
Darker Shade
of Gray
#3D3D3D
Darker Shade
of Gray
#171717
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#626161
Dim Gray
10.9% Gray
Web Formats
HEX #626161
RGB 98,97,97
HSL hsl(0, 1%, 38%)
HWB hwb(0, 38%, 62%)
Print & Design
CMYK cmyk(0%, 1%, 1%, 62%)
HSV hsv(0, 1%, 38%)
Perceptual (Color Science)
LAB lab(41.23, 0.39, 0.14)
LCH lch(41.23, 0.42, 19.5°)
XYZ xyz(11.47, 12.01, 13.02)
OKLab oklab(0.4935, 0.0012, 0.0004)
Accessibility (WCAG 2.1)
Aa
On White
6.17:1
AA Pass
Aa
On Black
3.40:1
Large Only
Aa
White on Color
6.17:1
AA Pass
Aa
Black on Color
3.40:1
Large Only
12.0%
Relative Luminance
0.1201
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
#606262
Complementary
of Dim Gray
#626160
Analogous
of Dim Gray
#626061
Analogous
of Dim Gray
#888686
Lighter Tint
of Dim Gray
#AEADAD
Lighter Tint
of Dim Gray
#D4D3D3
Lighter Tint
of Dim Gray
#3B3A3A
Darker Shade
of Dim Gray
#151414
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#4D4D4C
Dark Slate Gray
10.5% Gray
Web Formats
HEX #4D4D4C
RGB 77,77,76
HSL hsl(60, 1%, 30%)
HWB hwb(60, 30%, 70%)
Print & Design
CMYK cmyk(0%, 0%, 1%, 70%)
HSV hsv(60, 1%, 30%)
Perceptual (Color Science)
LAB lab(32.72, -0.22, 0.59)
LCH lch(32.72, 0.63, 110.1°)
XYZ xyz(7.02, 7.41, 7.9)
OKLab oklab(0.4199, -0.0005, 0.0016)
Accessibility (WCAG 2.1)
Aa
On White
8.46:1
AAA Pass
Aa
On Black
2.48:1
Fail
Aa
White on Color
8.46:1
AAA Pass
Aa
Black on Color
2.48:1
Fail
7.4%
Relative Luminance
0.0741
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
#4C4C4D
Complementary
of Dark Slate Gray
#4D4D4C
Analogous
of Dark Slate Gray
#4D4D4C
Analogous
of Dark Slate Gray
#747472
Lighter Tint
of Dark Slate Gray
#9A9A98
Lighter Tint
of Dark Slate Gray
#C0C0BF
Lighter Tint
of Dark Slate Gray
#272726
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
#242424
Black
9.3% Black
Web Formats
HEX #242424
RGB 36,36,36
HSL hsl(0, 0%, 14%)
HWB hwb(0, 14%, 86%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 86%)
HSV hsv(0, 0%, 14%)
Perceptual (Color Science)
LAB lab(14.2, -0, 0)
LCH lch(14.2, 0, 158.2°)
XYZ xyz(1.68, 1.76, 1.92)
OKLab oklab(0.2603, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
15.52:1
AAA Pass
Aa
On Black
1.35:1
Fail
Aa
White on Color
15.52:1
AAA Pass
Aa
Black on Color
1.35:1
Fail
1.8%
Relative Luminance
0.0176
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
#242424
Complementary
of Black
#242424
Analogous
of Black
#242424
Analogous
of Black
#4A4A4A
Lighter Tint
of Black
#707070
Lighter Tint
of Black
#969696
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
#D7D7D7
Light Gray
8.0% Gray
Web Formats
HEX #D7D7D7
RGB 215,215,215
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.98, -0, 0)
LCH lch(85.98, 0, 158.2°)
XYZ xyz(64.59, 67.95, 73.99)
OKLab oklab(0.8792, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.44:1
Fail
Aa
On Black
14.59:1
AAA Pass
Aa
White on Color
1.44:1
Fail
Aa
Black on Color
14.59:1
AAA Pass
68.0%
Relative Luminance
0.6795
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

This palette originates from myStromer AG's recognized creation "ST5".

About myStromer AG

myStromer AG

myStromer AG is an acclaimed enterprise celebrated by the A' Design Award. Their designs showcases excellence in product design.

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

Explore myStromer AG's Palettes View myStromer AG's Profile
Platinum A' Vehicle, Mobility and Transportation Design Award 2020

About the Award

Platinum A' Vehicle, Mobility and Transportation Design Award 2020

ST5 was awarded with the Platinum A' Vehicle, Mobility and Transportation Design Award in 2020. 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 Platinum status signifies significant creative merit as evaluated by the evaluation panel.

A' Vehicle, Mobility and Transportation Design Award

Accelerate into the spotlight with your cutting-edge designs in vehicle, mobility, and transportation. The vehicle award category highlights advancements in efficiency, aesthetic innovation, and the enhancement of user experience in transportation design.

Recognizes: Cars, Motorcycles, Bicycles, Trucks, Buses, Trains, Ships, Aircrafts and More.
Learn More About A' Vehicle, Mobility and Transportation Design Award View at A' Design Award

More Palettes from ST5

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

ST5 - View 2
EFEFEF
414040
807F7F
B2B1B1
999999
D9D8D9
545354
2F2E2E
ST5 • View 2
ST5 - View 3
EDEDED
3B3A3A
6F6E6E
4F4F4F
8E8D8D
C3C3C3
D7D7D7
B0B0B0
ST5 • View 3

Discover More Color Palettes

Explore colors from more award-winning designs.

Surge EV
0C0F14
5E5E64
282C32
44444A
747579
EBEBED
8D8C91
ADAEB3
Surge EV
1,233,019 ID#159855
PIX Beastie
99A1AB
6C737D
E5B14D
858D97
565C64
212225
AFB7C0
3E4248
PIX Beastie
99,977 ID#171769
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
Superstrata
DAD4CC
C9BFB3
A69C93
948678
827465
B6AA9E
685C50
413933
Superstrata
102,448 ID#137815
XP Zero
524E4F
656262
B6B8C1
797D83
A0A5AE
3A393C
8C9199
6F6F73
XP Zero
69,025 ID#107689
The Board
3E3E44
302F32
4E4D52
D1CECA
110F0F
E3E1DF
BFBAB5
5E5E65
The Board
81,660 ID#107083
Nireeka Nyx
202127
ECECEC
14151A
30343C
CCCCCD
404247
9D9EA0
87888A
Nireeka Nyx
1,595,161 ID#113710
Embrasse Moi
9F846E
A3978F
857466
918782
4F4742
AFB0B6
2A2829
6B5B4F
Embrasse Moi
822,660 ID#149079
Seongdong Smart Shelter
11100F
302318
513723
6C3C19
654E37
AE632E
D9924A
4D2B14
Seongdong Smart Shelter
713,025 ID#161636
Conch
726B5F
847D73
E2E2E1
59554E
969088
020306
C5C1BE
ABA7A1
Conch
1,008,147 ID#162196
160X 6 Pro
53B3C8
E8DBD6
E4C6B7
F0EDF0
EE9C66
E67942
CBC680
D0AA95
160X 6 Pro
833,311 ID#162482