Surge EV - 8 Color Palette | Color Chips
Color Chips

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-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
5E5E64
Copy As
HEX #5E5E64
RGB rgb(94,94,100)
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
282C32
Copy As
HEX #282C32
RGB rgb(40,44,50)
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
44444A
Copy As
HEX #44444A
RGB rgb(68,68,74)
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
747579
Copy As
HEX #747579
RGB rgb(116,117,121)
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
EBEBED
Copy As
HEX #EBEBED
RGB rgb(235,235,237)
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
8D8C91
Copy As
HEX #8D8C91
RGB rgb(141,140,145)
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
ADAEB3
Copy As
HEX #ADAEB3
RGB rgb(173,174,179)
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
#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 calming feel, suggesting serenity and focus.

View at A' Design Award

Surge EV, the design behind this palette, 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

The colors presented here were analyzed from Surge, Hero Motocorp's acclaimed work "Surge EV".

About Surge, Hero Motocorp

Surge, Hero Motocorp

Surge, Hero Motocorp is a renowned enterprise celebrated by the A' Design Award. Their designs showcases excellence in product design.

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 was awarded with the Platinum A' Vehicle, Mobility and Transportation Design Award in 2024. 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 comprising academics, professionals and press members. The Platinum status represents notable design quality as judged by the review committee.

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.

PIX Beastie
99A1AB
6C737D
E5B14D
858D97
565C64
212225
AFB7C0
3E4248
PIX Beastie
96,634 ID#171769
Enduro2
424546
57595A
303130
76797C
88898C
E3E2E3
67696B
ABABAD
Enduro2
2,855,292 ID#126895
CanguRo
D9DBDE
ADB1B4
454547
2E2E30
17191C
59595C
6E6F71
96999D
CanguRo
2,415,798 ID#106350
Superstrata
DAD4CC
C9BFB3
A69C93
948678
827465
B6AA9E
685C50
413933
Superstrata
101,790 ID#137815
ST5
ECECEC
353535
A2A1A1
8A8989
626161
4D4D4C
242424
D7D7D7
ST5
199,174 ID#93414
XP Zero
524E4F
656262
B6B8C1
797D83
A0A5AE
3A393C
8C9199
6F6F73
XP Zero
68,428 ID#107689
The Board
3E3E44
302F32
4E4D52
D1CECA
110F0F
E3E1DF
BFBAB5
5E5E65
The Board
80,959 ID#107083
Nireeka Nyx
202127
ECECEC
14151A
30343C
CCCCCD
404247
9D9EA0
87888A
Nireeka Nyx
1,594,486 ID#113710
Embrasse Moi
9F846E
A3978F
857466
918782
4F4742
AFB0B6
2A2829
6B5B4F
Embrasse Moi
813,847 ID#149079
Seongdong Smart Shelter
11100F
302318
513723
6C3C19
654E37
AE632E
D9924A
4D2B14
Seongdong Smart Shelter
709,121 ID#161636
Conch
726B5F
847D73
E2E2E1
59554E
969088
020306
C5C1BE
ABA7A1
Conch
1,003,111 ID#162196
160X 6 Pro
53B3C8
E8DBD6
E4C6B7
F0EDF0
EE9C66
E67942
CBC680
D0AA95
160X 6 Pro
828,789 ID#162482