ST5 Palette | Color Plate
Color Plate

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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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 cozy feel, creating warmth and vitality.

View at A' Design Award

ST5, where these colors originate, 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 award-winning project "ST5".

About myStromer AG

myStromer AG

myStromer AG is a distinguished enterprise recognized by the A' Design Award. Their creative vision demonstrates exceptional skill in creative development.

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 has been recognized with the Platinum A' Vehicle, Mobility and Transportation Design Award in 2020. The A' Design Award is an internationally acknowledged design competition that recognizes outstanding creative accomplishment. Laureates are chosen through comprehensive judging by industry experts with diverse expertise in design. The Platinum status indicates commendable design excellence as assessed by the judging body.

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
Enduro2
424546
57595A
303130
76797C
88898C
E3E2E3
67696B
ABABAD
Enduro2
2,856,850 ID#126895
Superstrata
DAD4CC
C9BFB3
A69C93
948678
827465
B6AA9E
685C50
413933
Superstrata
102,448 ID#137815
Dualcon
EDEEE8
1A1A22
090910
DFDFDB
6C6B6C
575658
3E3D41
908F8E
Dualcon
34,897 ID#170434
Race Eleven
312F32
474648
5E5E61
FCC500
201F22
97282F
2B2D56
E7E7E7
Race Eleven
70,361 ID#135014
CRF-E2
97A2A0
ACACA2
888375
A19581
A42E3C
6F7068
3F4140
C3BDAD
CRF-E2
47,752 ID#137794
Sada
CCCEC9
8B8585
A49E9A
B6B4B0
D6DAD6
716D6B
5E5C5B
4D4B48
Sada
52,673 ID#100285
E Beta Cruiser
2D2C2C
474747
676766
E8E7E7
8E8E8E
7A7A7A
D2D1D1
945D42
E Beta Cruiser
33,813 ID#112544
Birch
AEB2BB
CDD1D8
E9EBEE
BFC3CB
9B9EA6
848891
5E616B
494C54
Birch
1,281,359 ID#163625
Wen Shan Hai
1F1610
3A291C
503A28
0C0705
6D573C
1F2A24
6F3F2E
594B37
Wen Shan Hai
798,847 ID#164834
Tickless Mini
634D40
483932
342822
7B6457
8F7769
D2C8BD
A48D7D
C4B5A7
Tickless Mini
1,085,282 ID#167364
Cali
5A9ABD
EDEEEE
0F5548
99C5DA
51A9D2
68A9CB
119186
C6C7D2
Cali
699,672 ID#167935