Explore the Colors of Pioneer | Strategy Colors
Strategy Colors

Color Palette

Pioneer — Submarine

3D3F40
Copy As
HEX #3D3F40
RGB rgb(61,63,64)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
5C5E5F
Copy As
HEX #5C5E5F
RGB rgb(92,94,95)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
262828
Copy As
HEX #262828
RGB rgb(38,40,40)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
4B4F50
Copy As
HEX #4B4F50
RGB rgb(75,79,80)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
717476
Copy As
HEX #717476
RGB rgb(113,116,118)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
87898B
Copy As
HEX #87898B
RGB rgb(135,137,139)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
9FA1A2
Copy As
HEX #9FA1A2
RGB rgb(159,161,162)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
B0B1B2
Copy As
HEX #B0B1B2
RGB rgb(176,177,178)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
#3D3F40
#5C5E5F
#262828
#4B4F50
#717476
#87898B
#9FA1A2
#B0B1B2
Pioneer

This palette was extracted from

Pioneer

Award-Winning Submarine

About the Design

This design features Dark Slate Gray, Dim Gray, Gray, and Dark Gray.

About the Award-Winning Submarine Design: The modular survivable undersea research submarine is designed to improve the efficiency and safety of undersea research missions. Through the modular design, different functional blocks can be flexibly configured to adapt to various scientific research needs; it is also equipped with a navigator module to assist operations, and at the same time, the advanced survival support system ensures the safety and comfort of the crew during long-term submersibles.

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

View at A' Design Award

Pioneer, the source of these colors, was designed by Shengtao Ma.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#3D3F40
Dark Slate Gray
23.8% Gray
Web Formats
HEX #3D3F40
RGB 61,63,64
HSL hsl(200, 2%, 25%)
HWB hwb(200, 24%, 75%)
Print & Design
CMYK cmyk(5%, 2%, 0%, 75%)
HSV hsv(200, 5%, 25%)
Perceptual (Color Science)
LAB lab(26.5, -0.61, -0.9)
LCH lch(26.5, 1.09, 236°)
XYZ xyz(4.63, 4.92, 5.55)
OKLab oklab(0.3661, -0.0021, -0.0024)
Accessibility (WCAG 2.1)
Aa
On White
10.59:1
AAA Pass
Aa
On Black
1.98:1
Fail
Aa
White on Color
10.59:1
AAA Pass
Aa
Black on Color
1.98:1
Fail
4.9%
Relative Luminance
0.0492
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
#413F3E
Complementary
of Dark Slate Gray
#3E3F41
Analogous
of Dark Slate Gray
#3E4141
Analogous
of Dark Slate Gray
#646768
Lighter Tint
of Dark Slate Gray
#8A8D8F
Lighter Tint
of Dark Slate Gray
#B1B3B4
Lighter Tint
of Dark Slate Gray
#191A1A
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#5C5E5F
Dim Gray
23.2% Gray
Web Formats
HEX #5C5E5F
RGB 92,94,95
HSL hsl(200, 2%, 37%)
HWB hwb(200, 36%, 63%)
Print & Design
CMYK cmyk(3%, 1%, 0%, 63%)
HSV hsv(200, 3%, 37%)
Perceptual (Color Science)
LAB lab(39.76, -0.57, -0.85)
LCH lch(39.76, 1.02, 235.9°)
XYZ xyz(10.48, 11.11, 12.42)
OKLab oklab(0.4805, -0.002, -0.0023)
Accessibility (WCAG 2.1)
Aa
On White
6.52:1
AA Pass
Aa
On Black
3.22:1
Large Only
Aa
White on Color
6.52:1
AA Pass
Aa
Black on Color
3.22:1
Large Only
11.1%
Relative Luminance
0.1111
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
#605E5C
Complementary
of Dim Gray
#5C5D60
Analogous
of Dim Gray
#5C6060
Analogous
of Dim Gray
#828587
Lighter Tint
of Dim Gray
#A9ABAD
Lighter Tint
of Dim Gray
#D0D1D2
Lighter Tint
of Dim Gray
#373839
Darker Shade
of Dim Gray
#111212
Darker Shade
of Dim Gray
#0C0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#262828
Dark Slate Gray
15.1% Gray
Web Formats
HEX #262828
RGB 38,40,40
HSL hsl(180, 3%, 15%)
HWB hwb(180, 15%, 84%)
Print & Design
CMYK cmyk(5%, 0%, 0%, 84%)
HSV hsv(180, 5%, 16%)
Perceptual (Color Science)
LAB lab(15.92, -0.9, -0.31)
LCH lch(15.92, 0.95, 199.2°)
XYZ xyz(1.94, 2.08, 2.31)
OKLab oklab(0.2748, -0.0028, -0.0008)
Accessibility (WCAG 2.1)
Aa
On White
14.82:1
AAA Pass
Aa
On Black
1.42:1
Fail
Aa
White on Color
14.82:1
AAA Pass
Aa
Black on Color
1.42:1
Fail
2.1%
Relative Luminance
0.0208
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
#272525
Complementary
of Dark Slate Gray
#252627
Analogous
of Dark Slate Gray
#252726
Analogous
of Dark Slate Gray
#4A4F4F
Lighter Tint
of Dark Slate Gray
#6F7676
Lighter Tint
of Dark Slate Gray
#969C9C
Lighter Tint
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#4B4F50
Dark Slate Gray
9.1% Gray
Web Formats
HEX #4B4F50
RGB 75,79,80
HSL hsl(192, 3%, 30%)
HWB hwb(192, 29%, 69%)
Print & Design
CMYK cmyk(6%, 1%, 0%, 69%)
HSV hsv(192, 6%, 31%)
Perceptual (Color Science)
LAB lab(33.28, -1.39, -1.15)
LCH lch(33.28, 1.8, 219.6°)
XYZ xyz(7.15, 7.67, 8.69)
OKLab oklab(0.4243, -0.0045, -0.0031)
Accessibility (WCAG 2.1)
Aa
On White
8.29:1
AAA Pass
Aa
On Black
2.53:1
Fail
Aa
White on Color
8.29:1
AAA Pass
Aa
Black on Color
2.53:1
Fail
7.7%
Relative Luminance
0.0767
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
#4F4B4A
Complementary
of Dark Slate Gray
#4A4C4F
Analogous
of Dark Slate Gray
#4A4F4D
Analogous
of Dark Slate Gray
#6F7576
Lighter Tint
of Dark Slate Gray
#969B9C
Lighter Tint
of Dark Slate Gray
#BDC0C1
Lighter Tint
of Dark Slate Gray
#252727
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#717476
Dim Gray
8.9% Gray
Web Formats
HEX #717476
RGB 113,116,118
HSL hsl(204, 2%, 45%)
HWB hwb(204, 44%, 54%)
Print & Design
CMYK cmyk(4%, 2%, 0%, 54%)
HSV hsv(204, 4%, 46%)
Perceptual (Color Science)
LAB lab(48.65, -0.72, -1.5)
LCH lch(48.65, 1.66, 244.3°)
XYZ xyz(16.32, 17.31, 19.62)
OKLab oklab(0.557, -0.0026, -0.004)
Accessibility (WCAG 2.1)
Aa
On White
4.71:1
AA Pass
Aa
On Black
4.46:1
Large Only
Aa
White on Color
4.71:1
AA Pass
Aa
Black on Color
4.46:1
Large Only
17.3%
Relative Luminance
0.1731
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
#757270
Complementary
of Dim Gray
#707175
Analogous
of Dim Gray
#707575
Analogous
of Dim Gray
#97999B
Lighter Tint
of Dim Gray
#BEC0C1
Lighter Tint
of Dim Gray
#E5E6E6
Lighter Tint
of Dim Gray
#4B4D4E
Darker Shade
of Dim Gray
#252627
Darker Shade
of Dim Gray
#0C0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#87898B
Gray
8.4% Gray
Web Formats
HEX #87898B
RGB 135,137,139
HSL hsl(210, 2%, 54%)
HWB hwb(210, 53%, 45%)
Print & Design
CMYK cmyk(3%, 1%, 0%, 45%)
HSV hsv(210, 3%, 55%)
Perceptual (Color Science)
LAB lab(56.98, -0.34, -1.33)
LCH lch(56.98, 1.37, 255.8°)
XYZ xyz(23.6, 24.91, 27.99)
OKLab oklab(0.629, -0.0014, -0.0035)
Accessibility (WCAG 2.1)
Aa
On White
3.51:1
Large Only
Aa
On Black
5.98:1
AA Pass
Aa
White on Color
3.51:1
Large Only
Aa
Black on Color
5.98:1
AA Pass
24.9%
Relative Luminance
0.2491
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
#8C8A87
Complementary
of Gray
#87878C
Analogous
of Gray
#878C8C
Analogous
of Gray
#AEB0B2
Lighter Tint
of Gray
#D5D6D7
Lighter Tint
of Gray
#F2F2F3
Lighter Tint
of Gray
#616365
Darker Shade
of Gray
#3C3D3E
Darker Shade
of Gray
#161717
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#9FA1A2
Dark Gray
5.8% Gray
Web Formats
HEX #9FA1A2
RGB 159,161,162
HSL hsl(200, 2%, 63%)
HWB hwb(200, 62%, 36%)
Print & Design
CMYK cmyk(2%, 1%, 0%, 36%)
HSV hsv(200, 2%, 64%)
Perceptual (Color Science)
LAB lab(66.11, -0.52, -0.77)
LCH lch(66.11, 0.93, 235.8°)
XYZ xyz(33.56, 35.47, 39.25)
OKLab oklab(0.7077, -0.0018, -0.0021)
Accessibility (WCAG 2.1)
Aa
On White
2.59:1
Fail
Aa
On Black
8.09:1
AAA Pass
Aa
White on Color
2.59:1
Fail
Aa
Black on Color
8.09:1
AAA Pass
35.5%
Relative Luminance
0.3547
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
#A3A09F
Complementary
of Dark Gray
#9F9FA3
Analogous
of Dark Gray
#9FA3A2
Analogous
of Dark Gray
#C6C7C8
Lighter Tint
of Dark Gray
#EDEDEE
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#787B7D
Darker Shade
of Dark Gray
#525556
Darker Shade
of Dark Gray
#2D2E2F
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#B0B1B2
Dark Gray
5.7% Gray
Web Formats
HEX #B0B1B2
RGB 176,177,178
HSL hsl(210, 1%, 69%)
HWB hwb(210, 69%, 30%)
Print & Design
CMYK cmyk(1%, 1%, 0%, 30%)
HSV hsv(210, 1%, 70%)
Perceptual (Color Science)
LAB lab(72.15, -0.16, -0.63)
LCH lch(72.15, 0.65, 255.5°)
XYZ xyz(41.66, 43.89, 48.39)
OKLab oklab(0.7599, -0.0007, -0.0017)
Accessibility (WCAG 2.1)
Aa
On White
2.15:1
Fail
Aa
On Black
9.78:1
AAA Pass
Aa
White on Color
2.15:1
Fail
Aa
Black on Color
9.78:1
AAA Pass
43.9%
Relative Luminance
0.4389
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
#B1B0AF
Complementary
of Dark Gray
#AFAFB1
Analogous
of Dark Gray
#AFB1B1
Analogous
of Dark Gray
#D6D6D7
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#898A8B
Darker Shade
of Dark Gray
#626364
Darker Shade
of Dark Gray
#3D3D3E
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue

This palette originates from Shengtao Ma's award-winning project "Pioneer".

Shengtao Ma

About the Designer

Shengtao Ma

Shengtao Ma is a celebrated creative professional celebrated by the A' Design Award. Their designs embodies excellence in innovative design.

Ma Shengtao is a young product designer studying at Qingdao University of technology in China. He has done research in product design and computer illustration, and has done many designs for schools, local shopping centers and associations. His product design projects and illustrations have also won national competition awards in relevant aspects for many times, and he hopes to continue his efforts and development on the road of product design in the future.

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

Explore Ma's Palettes View Ma's Profile
Silver A' Futuristic Design Award 2025

About the Award

Silver A' Futuristic Design Award 2025

Pioneer was honored with the Silver A' Futuristic Design Award in 2025. The A' Design Award is a globally recognized design award program that acknowledges exceptional design innovation. Winners are selected through thorough review by a distinguished panel representing multiple disciplines. The Silver status indicates commendable design excellence as assessed by the judging body.

A' Futuristic Design Award

Unveil groundbreaking concepts that redefine the boundaries of design and technology. The futuristic design award category highlights visionary innovations, potential for significant impact on society, and the exploration of uncharted design territories.

Recognizes: Conceptual Architectures, Advanced Robotics, Innovative Transportation Systems, Futuristic Fashion Designs, Progressive Furniture Pieces, Next-Gen Electronic Gadgets, Revolutionary Software Interfaces, Groundbreaking Biotech Innovations and More.
Learn More About A' Futuristic Design Award View at A' Design Award

More Palettes from Pioneer

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

Pioneer - View 2
545656
8A8B8B
727374
3E4142
B6B6B6
9FA0A0
DBDBDB
CACAC9
Pioneer • View 2
Pioneer - View 3
707475
8A8C8D
595D5F
45494A
A9ABAD
343637
9A9C9D
E2E3E4
Pioneer • View 3
Pioneer - View 4
8A8C8C
737576
5D5F5F
BEBFBE
A9AAAA
444747
E3E3E3
9A9C9C
Pioneer • View 4
Pioneer - View 5
545657
353838
6A6C6D
9D9D9E
828485
C6C8C9
434646
B0B1B2
Pioneer • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Explorer
50524F
7E807D
686A68
393B3A
929493
A6A7A7
282927
171817
Explorer
1,010,814 ID#149108
W-3E Mask
3F4041
797A7A
555658
909092
303031
D9D9DA
646668
3F6C7D
W-3E Mask
63,254 ID#119044
Skybridge
EBEBEA
6D6D6B
828281
272726
595958
3E3E3D
D6D6D2
DECE6D
Skybridge
170,326 ID#170590
Eden Rise
B5B6B6
ECE1D1
CCC6BF
9DA7AB
DAD2C9
4E3C37
DABB9A
332729
Eden Rise
177,435 ID#164052
Sky Route AI
D4D1D3
B5B0B4
A09BA0
837F84
F6CE02
686569
535155
1F1B19
Sky Route AI
116,079 ID#171188
Savior
F5F6F9
C2C6CD
AAAFB8
343A45
484E58
878D97
D0D5DB
70767F
Savior
102,340 ID#164686
Haidongqing
DDDDDC
C8C7C6
323333
7B7B7B
4F4F4F
AEAEAD
979796
1D201F
Haidongqing
103,877 ID#164605
ModuCruze
202428
7C8890
131517
545C63
43494E
687279
8C98A0
31373C
ModuCruze
108,174 ID#165496
Hinemosu 30
131313
282828
474747
676867
A9A9A9
808080
EEEEEE
373738
Hinemosu 30
1,306,811 ID#159382
Changes and Cycles in Between
FEFEFE
2D2824
464034
575349
D1CDBC
B7BBB0
695F58
80806A
Changes and Cycles in Between
179,097 ID#170864
Shape Grammars
CDCDCD
E5E5E5
B8B8B8
9D9D9D
898989
F3F3F3
727272
010101
Shape Grammars
217,871 ID#130038
Flexo InForm
94684C
272619
3E3A28
634E32
7D7341
494A45
775D3E
5B5E64
Flexo InForm
697,634 ID#114604