Now Color Palette | Automotive Colors
Automotive Colors

Color Palette

Now — Next Generation Bike

3B3B3B
Copy As
HEX #3B3B3B
RGB rgb(59,59,59)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
272727
Copy As
HEX #272727
RGB rgb(39,39,39)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
515150
Copy As
HEX #515150
RGB rgb(81,81,80)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
E6E6E6
Copy As
HEX #E6E6E6
RGB rgb(230,230,230)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
666864
Copy As
HEX #666864
RGB rgb(102,104,100)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
171515
Copy As
HEX #171515
RGB rgb(23,21,21)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
8A8D85
Copy As
HEX #8A8D85
RGB rgb(138,141,133)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
D3D3D2
Copy As
HEX #D3D3D2
RGB rgb(211,211,210)
HSL
Notice: Undefined index: HSL in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/automotivecolors.com/public_html/index.php on line 6321
Download
SVG PNG
#3B3B3B
#272727
#515150
#E6E6E6
#666864
#171515
#8A8D85
#D3D3D2
Now

This palette was extracted from

Now

Award-Winning Next Generation Bike

About the Design

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

About the Award-Winning Next Generation Bike Design: With its woom Now, the Austrian manufacturer of bikes for children and teens is launching an urban lifestyle bike that is as eye-catching as it is unique: the new woom is a lightweight and fully loaded bike with a new take on frame architecture and packed with special features. In a nod to the world of bike messengers, the woom Now combines an integrated front rack with a small front wheel. This feature is not only stylish but also makes for a safe and stable ride when carrying loads.

This palette has a warming feel, creating warmth and vitality.

View at A' Design Award

Now, where these colors originate, was designed by Teresa Arrieta.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#3B3B3B
Dark Slate Gray
18.5% Gray
Web Formats
HEX #3B3B3B
RGB 59,59,59
HSL hsl(0, 0%, 23%)
HWB hwb(0, 23%, 77%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 77%)
HSV hsv(0, 0%, 23%)
Perceptual (Color Science)
LAB lab(24.87, -0, 0)
LCH lch(24.87, 0, 158.2°)
XYZ xyz(4.16, 4.37, 4.76)
OKLab oklab(0.3523, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
11.20:1
AAA Pass
Aa
On Black
1.87:1
Fail
Aa
White on Color
11.20:1
AAA Pass
Aa
Black on Color
1.87:1
Fail
4.4%
Relative Luminance
0.0437
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
#3B3B3B
Complementary
of Dark Slate Gray
#3B3B3B
Analogous
of Dark Slate Gray
#3B3B3B
Analogous
of Dark Slate Gray
#616161
Lighter Tint
of Dark Slate Gray
#878787
Lighter Tint
of Dark Slate Gray
#ADADAD
Lighter Tint
of Dark Slate Gray
#141414
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
#272727
Dark Slate Gray
16.1% Gray
Web Formats
HEX #272727
RGB 39,39,39
HSL hsl(0, 0%, 15%)
HWB hwb(0, 15%, 85%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 85%)
HSV hsv(0, 0%, 15%)
Perceptual (Color Science)
LAB lab(15.64, -0, 0)
LCH lch(15.64, 0, 158.2°)
XYZ xyz(1.93, 2.03, 2.21)
OKLab oklab(0.2727, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
14.94:1
AAA Pass
Aa
On Black
1.41:1
Fail
Aa
White on Color
14.94:1
AAA Pass
Aa
Black on Color
1.41:1
Fail
2.0%
Relative Luminance
0.0203
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
#262626
Complementary
of Dark Slate Gray
#262626
Analogous
of Dark Slate Gray
#262626
Analogous
of Dark Slate Gray
#4D4D4D
Lighter Tint
of Dark Slate Gray
#737373
Lighter Tint
of Dark Slate Gray
#999999
Lighter Tint
of Dark Slate Gray
#0D0D0D
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
#515150
Dark Slate Gray
14.2% Gray
Web Formats
HEX #515150
RGB 81,81,80
HSL hsl(60, 1%, 32%)
HWB hwb(60, 31%, 68%)
Print & Design
CMYK cmyk(0%, 0%, 1%, 68%)
HSV hsv(60, 1%, 32%)
Perceptual (Color Science)
LAB lab(34.42, -0.21, 0.59)
LCH lch(34.42, 0.62, 110.1°)
XYZ xyz(7.78, 8.21, 8.76)
OKLab oklab(0.4346, -0.0005, 0.0016)
Accessibility (WCAG 2.1)
Aa
On White
7.95:1
AAA Pass
Aa
On Black
2.64:1
Fail
Aa
White on Color
7.95:1
AAA Pass
Aa
Black on Color
2.64:1
Fail
8.2%
Relative Luminance
0.0821
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
#515152
Complementary
of Dark Slate Gray
#525251
Analogous
of Dark Slate Gray
#525251
Analogous
of Dark Slate Gray
#797977
Lighter Tint
of Dark Slate Gray
#9F9F9D
Lighter Tint
of Dark Slate Gray
#C5C5C4
Lighter Tint
of Dark Slate Gray
#2C2C2B
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
#E6E6E6
Lavender
12.8% Purple
Web Formats
HEX #E6E6E6
RGB 230,230,230
HSL hsl(0, 0%, 90%)
HWB hwb(0, 90%, 10%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 10%)
HSV hsv(0, 0%, 90%)
Perceptual (Color Science)
LAB lab(91.29, -0, 0)
LCH lch(91.29, 0, 158.2°)
XYZ xyz(75.21, 79.13, 86.16)
OKLab oklab(0.9249, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.25:1
Fail
Aa
On Black
16.83:1
AAA Pass
Aa
White on Color
1.25:1
Fail
Aa
Black on Color
16.83:1
AAA Pass
79.1%
Relative Luminance
0.7913
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
#E6E6E6
Complementary
of Lavender
#E6E6E6
Analogous
of Lavender
#E6E6E6
Analogous
of Lavender
#F2F2F2
Lighter Tint
of Lavender
#F2F2F2
Lighter Tint
of Lavender
#F2F2F2
Lighter Tint
of Lavender
#BFBFBF
Darker Shade
of Lavender
#999999
Darker Shade
of Lavender
#737373
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue
#666864
Dim Gray
11.5% Gray
Web Formats
HEX #666864
RGB 102,104,100
HSL hsl(90, 2%, 40%)
HWB hwb(90, 39%, 59%)
Print & Design
CMYK cmyk(2%, 0%, 4%, 59%)
HSV hsv(90, 4%, 41%)
Perceptual (Color Science)
LAB lab(43.72, -1.6, 1.98)
LCH lch(43.72, 2.54, 128.9°)
XYZ xyz(12.73, 13.65, 14.02)
OKLab oklab(0.5142, -0.0042, 0.0052)
Accessibility (WCAG 2.1)
Aa
On White
5.63:1
AA Pass
Aa
On Black
3.73:1
Large Only
Aa
White on Color
5.63:1
AA Pass
Aa
Black on Color
3.73:1
Large Only
13.7%
Relative Luminance
0.1365
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
#666468
Complementary
of Dim Gray
#646864
Analogous
of Dim Gray
#686864
Analogous
of Dim Gray
#8C8F8A
Lighter Tint
of Dim Gray
#B3B4B1
Lighter Tint
of Dim Gray
#D9DAD8
Lighter Tint
of Dim Gray
#40413E
Darker Shade
of Dim Gray
#1A1A19
Darker Shade
of Dim Gray
#0D0D0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#171515
Black
9.2% Black
Web Formats
HEX #171515
RGB 23,21,21
HSL hsl(0, 5%, 9%)
HWB hwb(0, 8%, 91%)
Print & Design
CMYK cmyk(0%, 9%, 9%, 91%)
HSV hsv(0, 9%, 9%)
Perceptual (Color Science)
LAB lab(6.98, 0.92, 0.32)
LCH lch(6.98, 0.98, 19.4°)
XYZ xyz(0.76, 0.77, 0.82)
OKLab oklab(0.1981, 0.0031, 0.001)
Accessibility (WCAG 2.1)
Aa
On White
18.19:1
AAA Pass
Aa
On Black
1.15:1
Fail
Aa
White on Color
18.19:1
AAA Pass
Aa
Black on Color
1.15:1
Fail
0.8%
Relative Luminance
0.0077
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
#161818
Complementary
of Black
#181716
Analogous
of Black
#181617
Analogous
of Black
#403A3A
Lighter Tint
of Black
#685E5E
Lighter Tint
of Black
#908484
Lighter Tint
of Black
#0D0C0C
Darker Shade
of Black
#0D0C0C
Darker Shade
of Black
#0D0C0C
Darker Shade
of Black
Black
Named Color
Discover the Hue
#8A8D85
Gray
9.2% Gray
Web Formats
HEX #8A8D85
RGB 138,141,133
HSL hsl(83, 3%, 54%)
HWB hwb(83, 52%, 45%)
Print & Design
CMYK cmyk(2%, 0%, 6%, 45%)
HSV hsv(83, 6%, 55%)
Perceptual (Color Science)
LAB lab(58.18, -2.65, 3.88)
LCH lch(58.18, 4.7, 124.3°)
XYZ xyz(24.24, 26.15, 25.96)
OKLab oklab(0.6385, -0.0068, 0.0102)
Accessibility (WCAG 2.1)
Aa
On White
3.37:1
Large Only
Aa
On Black
6.23:1
AA Pass
Aa
White on Color
3.37:1
Large Only
Aa
Black on Color
6.23:1
AA Pass
26.2%
Relative Luminance
0.2615
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
#89868D
Complementary
of Gray
#878D86
Analogous
of Gray
#8D8C86
Analogous
of Gray
#B1B2AE
Lighter Tint
of Gray
#D6D7D5
Lighter Tint
of Gray
#F2F3F2
Lighter Tint
of Gray
#646660
Darker Shade
of Gray
#3E3F3B
Darker Shade
of Gray
#171816
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#D3D3D2
Light Gray
8.6% Gray
Web Formats
HEX #D3D3D2
RGB 211,211,210
HSL hsl(60, 1%, 83%)
HWB hwb(60, 82%, 17%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 17%)
HSV hsv(60, 0%, 83%)
Perceptual (Color Science)
LAB lab(84.53, -0.18, 0.49)
LCH lch(84.53, 0.53, 110.1°)
XYZ xyz(61.79, 65.09, 70.27)
OKLab oklab(0.8666, -0.0004, 0.0013)
Accessibility (WCAG 2.1)
Aa
On White
1.50:1
Fail
Aa
On Black
14.02:1
AAA Pass
Aa
White on Color
1.50:1
Fail
Aa
Black on Color
14.02:1
AAA Pass
65.1%
Relative Luminance
0.6509
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
#D3D3D4
Complementary
of Light Gray
#D4D4D3
Analogous
of Light Gray
#D4D4D3
Analogous
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#AEAEAD
Darker Shade
of Light Gray
#888886
Darker Shade
of Light Gray
#626260
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue

These colors were identified within Teresa Arrieta's celebrated design "Now".

About Teresa Arrieta

Teresa Arrieta

Teresa Arrieta is a renowned enterprise celebrated by the A' Design Award. Their designs showcases excellence in product design.

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

Explore Teresa Arrieta's Palettes View Teresa Arrieta's Profile
Silver A' Vehicle, Mobility and Transportation Design Award 2022

About the Award

Silver A' Vehicle, Mobility and Transportation Design Award 2022

Now has been recognized with the Silver A' Vehicle, Mobility and Transportation Design Award in 2022. 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 Silver 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 Now

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

Now - View 2
FEFEFE
212020
828779
A50E0E
74776E
720C0C
120F0F
3D3D3C
Now • View 2
Now - View 3
FEFEFE
D30B1E
303030
D62030
181616
444544
839282
D73E49
Now • View 3
Now - View 4
E2E2E6
0C1212
192021
CCD0D3
030607
2D3433
C2B9AC
B0A594
Now • View 4
Now - View 5
3B3B3B
515251
EFEEEE
DBDBDA
ABB4A7
292929
6B6C6B
C3C5C1
Now • View 5

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
Olmedo HR
1F2222
D1D1D1
07090A
B4B4B4
9CA3A1
303635
E6E6E6
454A4A
Olmedo HR
79,734 ID#155580
Sunglider
273985
3449A0
465FBC
5B76CF
A56F66
794F4E
B8867C
CC9C8F
Sunglider
83,726 ID#145266
Terraglide
31C234
A0BFE9
ACACA7
91B0DB
32302C
3CA838
0A0A0C
211F1D
Terraglide
39,446 ID#171791
Superstrata
DAD4CC
C9BFB3
A69C93
948678
827465
B6AA9E
685C50
413933
Superstrata
102,448 ID#137815
Exeed Es
B5C1D5
A4B1C6
D0D9E7
5D96BA
72ABD0
212A34
374756
8DC3E6
Exeed Es
1,253,854 ID#155976
Geely Galaxy E8
E9E0D7
A4ABB4
B7B9BE
252D3E
141724
344154
7F97AE
8E96A0
Geely Galaxy E8
1,327,657 ID#156962
Octyma
959506
AAA211
818404
6B7005
505304
171713
2A2B2A
48484A
Octyma
1,351,574 ID#157399
Hongqi E-HS9
9FA3AB
41464D
7E828B
555961
696E76
B3B6BE
8D929A
C8C9D1
Hongqi E-HS9
874,799 ID#144403