Curated Palette from Surge EV | Color Plate
Color Plate

Color Palette

Surge EV — Mobility Solution

0C0F14
Copy As
HEX #0C0F14
RGB rgb(12,15,20)
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
5E5E64
Copy As
HEX #5E5E64
RGB rgb(94,94,100)
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
282C32
Copy As
HEX #282C32
RGB rgb(40,44,50)
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
44444A
Copy As
HEX #44444A
RGB rgb(68,68,74)
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
747579
Copy As
HEX #747579
RGB rgb(116,117,121)
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
EBEBED
Copy As
HEX #EBEBED
RGB rgb(235,235,237)
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
8D8C91
Copy As
HEX #8D8C91
RGB rgb(141,140,145)
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
ADAEB3
Copy As
HEX #ADAEB3
RGB rgb(173,174,179)
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
#0C0F14
#5E5E64
#282C32
#44444A
#747579
#EBEBED
#8D8C91
#ADAEB3
Surge EV

This palette was extracted from

Surge EV

Award-Winning Mobility Solution

About the Design

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

About the Award-Winning Mobility Solution Design: Surge S32 seamlessly transforms between a two wheeler and a three wheeler in 3 minutes. It's the world's pioneer Class changing vehicle, adaptable to any surface, be it mud, pebbles, sand, and more. Plus, it automatically customizes the user interface and controls based on the vehicle type with 3 buttons, empowering individual users to effortlessly switch between vehicles. Drawing inspiration from horses, Surge tackles core mobility challenges by offering multipurpose and modular vehicles.

This palette has a cool feel, suggesting serenity and focus.

View at A' Design Award

Surge EV, where these colors originate, was designed by Surge, Hero Motocorp.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#0C0F14
Black
22.4% Black
Web Formats
HEX #0C0F14
RGB 12,15,20
HSL hsl(218, 25%, 6%)
HWB hwb(218, 5%, 92%)
Print & Design
CMYK cmyk(40%, 25%, 0%, 92%)
HSV hsv(218, 40%, 8%)
Perceptual (Color Science)
LAB lab(4.25, 0.07, -3.1)
LCH lch(4.25, 3.1, 271.3°)
XYZ xyz(0.45, 0.47, 0.73)
OKLab oklab(0.1675, -0.0019, -0.0114)
Accessibility (WCAG 2.1)
Aa
On White
19.19:1
AAA Pass
Aa
On Black
1.09:1
Fail
Aa
White on Color
19.19:1
AAA Pass
Aa
Black on Color
1.09:1
Fail
0.5%
Relative Luminance
0.0047
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
#13100B
Complementary
of Black
#0C0B13
Analogous
of Black
#0B1213
Analogous
of Black
#283243
Lighter Tint
of Black
#455673
Lighter Tint
of Black
#637AA1
Lighter Tint
of Black
#0A0C10
Darker Shade
of Black
#0A0C10
Darker Shade
of Black
#0A0C10
Darker Shade
of Black
Black
Named Color
Discover the Hue
#5E5E64
Dim Gray
17.1% Gray
Web Formats
HEX #5E5E64
RGB 94,94,100
HSL hsl(240, 3%, 38%)
HWB hwb(240, 37%, 61%)
Print & Design
CMYK cmyk(6%, 6%, 0%, 61%)
HSV hsv(240, 6%, 39%)
Perceptual (Color Science)
LAB lab(40.09, 1.29, -3.42)
LCH lch(40.09, 3.65, 290.7°)
XYZ xyz(10.92, 11.31, 13.66)
OKLab oklab(0.484, 0.0026, -0.0091)
Accessibility (WCAG 2.1)
Aa
On White
6.44:1
AA Pass
Aa
On Black
3.26:1
Large Only
Aa
White on Color
6.44:1
AA Pass
Aa
Black on Color
3.26:1
Large Only
11.3%
Relative Luminance
0.1131
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
#64645E
Complementary
of Dim Gray
#615E64
Analogous
of Dim Gray
#5E6164
Analogous
of Dim Gray
#84848B
Lighter Tint
of Dim Gray
#ABABB0
Lighter Tint
of Dim Gray
#D2D2D5
Lighter Tint
of Dim Gray
#39393C
Darker Shade
of Dim Gray
#141415
Darker Shade
of Dim Gray
#0C0C0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#282C32
Dark Slate Gray
16.2% Gray
Web Formats
HEX #282C32
RGB 40,44,50
HSL hsl(216, 11%, 18%)
HWB hwb(216, 16%, 80%)
Print & Design
CMYK cmyk(20%, 12%, 0%, 80%)
HSV hsv(216, 20%, 20%)
Perceptual (Color Science)
LAB lab(17.84, -0.17, -4.46)
LCH lch(17.84, 4.47, 267.8°)
XYZ xyz(2.35, 2.48, 3.37)
OKLab oklab(0.2916, -0.0025, -0.0121)
Accessibility (WCAG 2.1)
Aa
On White
14.03:1
AAA Pass
Aa
On Black
1.50:1
Fail
Aa
White on Color
14.03:1
AAA Pass
Aa
Black on Color
1.50:1
Fail
2.5%
Relative Luminance
0.0248
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
#332F29
Complementary
of Dark Slate Gray
#2A2933
Analogous
of Dark Slate Gray
#293233
Analogous
of Dark Slate Gray
#4B525D
Lighter Tint
of Dark Slate Gray
#6D7888
Lighter Tint
of Dark Slate Gray
#969FAB
Lighter Tint
of Dark Slate Gray
#0B0C0E
Darker Shade
of Dark Slate Gray
#0B0C0E
Darker Shade
of Dark Slate Gray
#0B0C0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#44444A
Dark Slate Gray
12.1% Gray
Web Formats
HEX #44444A
RGB 68,68,74
HSL hsl(240, 4%, 28%)
HWB hwb(240, 27%, 71%)
Print & Design
CMYK cmyk(8%, 8%, 0%, 71%)
HSV hsv(240, 8%, 29%)
Perceptual (Color Science)
LAB lab(29.05, 1.38, -3.61)
LCH lch(29.05, 3.86, 290.9°)
XYZ xyz(5.69, 5.86, 7.31)
OKLab oklab(0.3889, 0.0028, -0.0097)
Accessibility (WCAG 2.1)
Aa
On White
9.67:1
AAA Pass
Aa
On Black
2.17:1
Fail
Aa
White on Color
9.67:1
AAA Pass
Aa
Black on Color
2.17:1
Fail
5.9%
Relative Luminance
0.0586
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
#4A4A45
Complementary
of Dark Slate Gray
#47454A
Analogous
of Dark Slate Gray
#45474A
Analogous
of Dark Slate Gray
#696972
Lighter Tint
of Dark Slate Gray
#909098
Lighter Tint
of Dark Slate Gray
#B7B7BD
Lighter Tint
of Dark Slate Gray
#202022
Darker Shade
of Dark Slate Gray
#0C0C0D
Darker Shade
of Dark Slate Gray
#0C0C0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#747579
Gray
11.9% Gray
Web Formats
HEX #747579
RGB 116,117,121
HSL hsl(228, 2%, 46%)
HWB hwb(228, 45%, 53%)
Print & Design
CMYK cmyk(4%, 3%, 0%, 53%)
HSV hsv(228, 4%, 47%)
Perceptual (Color Science)
LAB lab(49.27, 0.45, -2.33)
LCH lch(49.27, 2.37, 280.9°)
XYZ xyz(17.01, 17.82, 20.63)
OKLab oklab(0.5628, 0.0005, -0.0062)
Accessibility (WCAG 2.1)
Aa
On White
4.60:1
AA Pass
Aa
On Black
4.56:1
AA Pass
Aa
White on Color
4.60:1
AA Pass
Aa
Black on Color
4.56:1
AA Pass
17.8%
Relative Luminance
0.1782
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
#787773
Complementary
of Gray
#747378
Analogous
of Gray
#737678
Analogous
of Gray
#9A9A9E
Lighter Tint
of Gray
#C1C1C3
Lighter Tint
of Gray
#E8E8E9
Lighter Tint
of Gray
#4D4E51
Darker Shade
of Gray
#28282A
Darker Shade
of Gray
#0C0D0D
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#EBEBED
Lavender
8.2% Purple
Web Formats
HEX #EBEBED
RGB 235,235,237
HSL hsl(240, 5%, 93%)
HWB hwb(240, 92%, 7%)
Print & Design
CMYK cmyk(1%, 1%, 0%, 7%)
HSV hsv(240, 1%, 93%)
Perceptual (Color Science)
LAB lab(93.1, 0.36, -0.97)
LCH lch(93.1, 1.03, 290.3°)
XYZ xyz(79.25, 83.19, 91.99)
OKLab oklab(0.9406, 0.0008, -0.0026)
Accessibility (WCAG 2.1)
Aa
On White
1.19:1
Fail
Aa
On Black
17.64:1
AAA Pass
Aa
White on Color
1.19:1
Fail
Aa
Black on Color
17.64:1
AAA Pass
83.2%
Relative Luminance
0.8319
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
#EEEEEC
Complementary
of Lavender
#EDECEE
Analogous
of Lavender
#ECEDEE
Analogous
of Lavender
#F2F2F3
Lighter Tint
of Lavender
#F2F2F3
Lighter Tint
of Lavender
#F2F2F3
Lighter Tint
of Lavender
#C4C4CA
Darker Shade
of Lavender
#9C9CA5
Darker Shade
of Lavender
#747481
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue
#8D8C91
Light Slate Gray
7.5% Gray
Web Formats
HEX #8D8C91
RGB 141,140,145
HSL hsl(252, 2%, 56%)
HWB hwb(252, 55%, 43%)
Print & Design
CMYK cmyk(3%, 3%, 0%, 43%)
HSV hsv(252, 3%, 57%)
Perceptual (Color Science)
LAB lab(58.47, 1.36, -2.53)
LCH lch(58.47, 2.87, 298.2°)
XYZ xyz(25.47, 26.46, 30.55)
OKLab oklab(0.6425, 0.0032, -0.0067)
Accessibility (WCAG 2.1)
Aa
On White
3.34:1
Large Only
Aa
On Black
6.29:1
AA Pass
Aa
White on Color
3.34:1
Large Only
Aa
Black on Color
6.29:1
AA Pass
26.5%
Relative Luminance
0.2646
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
#90918D
Complementary
of Light Slate Gray
#908D91
Analogous
of Light Slate Gray
#8D8E91
Analogous
of Light Slate Gray
#B4B4B7
Lighter Tint
of Light Slate Gray
#DBDBDC
Lighter Tint
of Light Slate Gray
#F2F2F3
Lighter Tint
of Light Slate Gray
#67666B
Darker Shade
of Light Slate Gray
#424144
Darker Shade
of Light Slate Gray
#1C1B1D
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#ADAEB3
Dark Gray
4.6% Gray
Web Formats
HEX #ADAEB3
RGB 173,174,179
HSL hsl(230, 4%, 69%)
HWB hwb(230, 68%, 30%)
Print & Design
CMYK cmyk(3%, 3%, 0%, 30%)
HSV hsv(230, 3%, 70%)
Perceptual (Color Science)
LAB lab(71.15, 0.6, -2.68)
LCH lch(71.15, 2.74, 282.7°)
XYZ xyz(40.5, 42.41, 48.69)
OKLab oklab(0.7515, 0.0009, -0.0071)
Accessibility (WCAG 2.1)
Aa
On White
2.21:1
Fail
Aa
On Black
9.48:1
AAA Pass
Aa
White on Color
2.21:1
Fail
Aa
Black on Color
9.48:1
AAA Pass
42.4%
Relative Luminance
0.4241
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
#B3B2AD
Complementary
of Dark Gray
#AFADB3
Analogous
of Dark Gray
#ADB1B3
Analogous
of Dark Gray
#D5D5D8
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#85878E
Darker Shade
of Dark Gray
#5F6167
Darker Shade
of Dark Gray
#3B3C40
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue

This palette originates from Surge, Hero Motocorp's celebrated design "Surge EV".

About Surge, Hero Motocorp

Surge, Hero Motocorp

Surge, Hero Motocorp is an award-winning enterprise recognized by the A' Design Award. Their creative vision demonstrates exceptional skill in creative development.

We are empowering millions around the globe through our portfolio of innovative and sustainable products. Powered by technology-driven excellence, we are shaping the future of mobility. A sustainable future is an ongoing collaborative process. Our vision - Be the Future of Mobility - ensures we forge ahead with a clear focus on sustainable mobility and decarbonization.

Discover more color palettes from Surge, Hero Motocorp's award-winning work.

Explore Surge, Hero Motocorp's Palettes View Surge, Hero Motocorp's Profile
Platinum A' Vehicle, Mobility and Transportation Design Award 2024

About the Award

Platinum A' Vehicle, Mobility and Transportation Design Award 2024

Surge EV has been recognized with the Platinum A' Vehicle, Mobility and Transportation Design Award in 2024. 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 reflects high caliber design work as determined by the international jury.

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 Surge EV

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

Surge EV - View 2
58585D
424449
717276
313337
212226
999A9F
ABADB2
101216
Surge EV • View 2
Surge EV - View 3
5D4633
746D65
423529
675647
26231F
3E7682
827A72
151210
Surge EV • View 3
Surge EV - View 4
332519
3484BD
4F90BA
68A0C0
85B0C6
4D3E2C
A0C1CB
B9CECF
Surge EV • View 4
Surge EV - View 5
94958D
7F5A46
A6A59C
634836
DCAC8A
EBBE9A
848176
432D23
Surge EV • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

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
ST5
ECECEC
353535
A2A1A1
8A8989
626161
4D4D4C
242424
D7D7D7
ST5
200,022 ID#93414
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