Strategy Colors

Color Palette

W-3E Mask — Expressive Emotion

3F4041
Copy As
HEX#3F4041
RGBrgb(63,64,65)
HSLhsl(210, 2%, 25%)
CMYKcmyk(3%, 2%, 0%, 75%)
Download
SVG PNG
797A7A
Copy As
HEX#797A7A
RGBrgb(121,122,122)
HSLhsl(180, 0%, 48%)
CMYKcmyk(1%, 0%, 0%, 52%)
Download
SVG PNG
555658
Copy As
HEX#555658
RGBrgb(85,86,88)
HSLhsl(220, 2%, 34%)
CMYKcmyk(3%, 2%, 0%, 65%)
Download
SVG PNG
909092
Copy As
HEX#909092
RGBrgb(144,144,146)
HSLhsl(240, 1%, 57%)
CMYKcmyk(1%, 1%, 0%, 43%)
Download
SVG PNG
303031
Copy As
HEX#303031
RGBrgb(48,48,49)
HSLhsl(240, 1%, 19%)
CMYKcmyk(2%, 2%, 0%, 81%)
Download
SVG PNG
D9D9DA
Copy As
HEX#D9D9DA
RGBrgb(217,217,218)
HSLhsl(240, 1%, 85%)
CMYKcmyk(0%, 0%, 0%, 15%)
Download
SVG PNG
646668
Copy As
HEX#646668
RGBrgb(100,102,104)
HSLhsl(210, 2%, 40%)
CMYKcmyk(4%, 2%, 0%, 59%)
Download
SVG PNG
3F6C7D
Copy As
HEX#3F6C7D
RGBrgb(63,108,125)
HSLhsl(196, 33%, 37%)
CMYKcmyk(50%, 14%, 0%, 51%)
Download
SVG PNG
#3F4041
#797A7A
#555658
#909092
#303031
#D9D9DA
#646668
#3F6C7D
W-3E Mask

This palette was extracted from

W-3E Mask

Award-Winning Expressive Emotion

About the Design

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

About the Award-Winning Expressive Emotion Design: During the epidemic, people wear masks, which cover people’s faces and reduce the efficiency of communication. The W-3E mask uses facial recognition and an internal projector to project corresponding expression patterns. The replaceable filter element reduces the waste of resources, the radiators on both sides make the air more comfortable, and the external display screen feedbacks the user's physical state in real time.

This palette has a refreshing feel, evoking peaceful balance.

View at A' Design Award

W-3E Mask, 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.
#3F4041
Dark Slate Gray
25.1% Gray
Web Formats
HEX#3F4041
RGB63,64,65
HSLhsl(210, 2%, 25%)
HWBhwb(210, 25%, 75%)
Print & Design
CMYKcmyk(3%, 2%, 0%, 75%)
HSVhsv(210, 3%, 25%)
Perceptual (Color Science)
LABlab(27.03, -0.19, -0.76)
LCHlch(27.03, 0.78, 255.7°)
XYZxyz(4.84, 5.11, 5.73)
OKLaboklab(0.3709, -0.0008, -0.002)
Accessibility (WCAG 2.1)
Aa
On White
10.39:1
AAA Pass
Aa
On Black
2.02:1
Fail
Aa
White on Color
10.39:1
AAA Pass
Aa
Black on Color
2.02:1
Fail
5.1%
Relative Luminance
0.0511
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
#41403E
Complementary
of Dark Slate Gray
#3E3E41
Analogous
of Dark Slate Gray
#3E4141
Analogous
of Dark Slate Gray
#646668
Lighter Tint
of Dark Slate Gray
#8A8C8F
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
#797A7A
Gray
15.3% Gray
Web Formats
HEX#797A7A
RGB121,122,122
HSLhsl(180, 0%, 48%)
HWBhwb(180, 47%, 52%)
Print & Design
CMYKcmyk(1%, 0%, 0%, 52%)
HSVhsv(180, 1%, 48%)
Perceptual (Color Science)
LABlab(51.14, -0.38, -0.13)
LCHlch(51.14, 0.4, 199.4°)
XYZxyz(18.36, 19.39, 21.18)
OKLaboklab(0.5786, -0.0012, -0.0004)
Accessibility (WCAG 2.1)
Aa
On White
4.31:1
Large Only
Aa
On Black
4.88:1
AA Pass
Aa
White on Color
4.31:1
Large Only
Aa
Black on Color
4.88:1
AA Pass
19.4%
Relative Luminance
0.1939
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
#7A7A7A
Complementary
of Gray
#7A7A7A
Analogous
of Gray
#7A7A7A
Analogous
of Gray
#A1A1A1
Lighter Tint
of Gray
#C7C7C7
Lighter Tint
of Gray
#EDEDED
Lighter Tint
of Gray
#545454
Darker Shade
of Gray
#2E2E2E
Darker Shade
of Gray
#0D0D0D
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#555658
Dim Gray
14.7% Gray
Web Formats
HEX#555658
RGB85,86,88
HSLhsl(220, 2%, 34%)
HWBhwb(220, 33%, 65%)
Print & Design
CMYKcmyk(3%, 2%, 0%, 65%)
HSVhsv(220, 3%, 35%)
Perceptual (Color Science)
LABlab(36.54, 0.03, -1.3)
LCHlch(36.54, 1.3, 271.5°)
XYZxyz(8.84, 9.29, 10.56)
OKLaboklab(0.4529, -0.0003, -0.0035)
Accessibility (WCAG 2.1)
Aa
On White
7.35:1
AAA Pass
Aa
On Black
2.86:1
Fail
Aa
White on Color
7.35:1
AAA Pass
Aa
Black on Color
2.86:1
Fail
9.3%
Relative Luminance
0.0929
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
#585755
Complementary
of Dim Gray
#565558
Analogous
of Dim Gray
#555858
Analogous
of Dim Gray
#7A7C7F
Lighter Tint
of Dim Gray
#A1A3A5
Lighter Tint
of Dim Gray
#C8C9CB
Lighter Tint
of Dim Gray
#2F3031
Darker Shade
of Dim Gray
#0C0D0D
Darker Shade
of Dim Gray
#0C0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#909092
Light Slate Gray
14.9% Gray
Web Formats
HEX#909092
RGB144,144,146
HSLhsl(240, 1%, 57%)
HWBhwb(240, 56%, 43%)
Print & Design
CMYKcmyk(1%, 1%, 0%, 43%)
HSVhsv(240, 1%, 57%)
Perceptual (Color Science)
LABlab(59.84, 0.39, -1.06)
LCHlch(59.84, 1.13, 290.3°)
XYZxyz(26.66, 27.95, 31.18)
OKLaboklab(0.654, 0.0008, -0.0028)
Accessibility (WCAG 2.1)
Aa
On White
3.19:1
Large Only
Aa
On Black
6.59:1
AA Pass
Aa
White on Color
3.19:1
Large Only
Aa
Black on Color
6.59:1
AA Pass
28.0%
Relative Luminance
0.2795
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
#929290
Complementary
of Light Slate Gray
#919092
Analogous
of Light Slate Gray
#909192
Analogous
of Light Slate Gray
#B7B7B8
Lighter Tint
of Light Slate Gray
#DEDEDE
Lighter Tint
of Light Slate Gray
#F2F2F2
Lighter Tint
of Light Slate Gray
#6A6A6C
Darker Shade
of Light Slate Gray
#444446
Darker Shade
of Light Slate Gray
#1E1E1F
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#303031
Dark Slate Gray
10.1% Gray
Web Formats
HEX#303031
RGB48,48,49
HSLhsl(240, 1%, 19%)
HWBhwb(240, 19%, 81%)
Print & Design
CMYKcmyk(2%, 2%, 0%, 81%)
HSVhsv(240, 2%, 19%)
Perceptual (Color Science)
LABlab(19.9, 0.24, -0.64)
LCHlch(19.9, 0.68, 290.3°)
XYZxyz(2.83, 2.96, 3.33)
OKLaboklab(0.3096, 0.0005, -0.0017)
Accessibility (WCAG 2.1)
Aa
On White
13.18:1
AAA Pass
Aa
On Black
1.59:1
Fail
Aa
White on Color
13.18:1
AAA Pass
Aa
Black on Color
1.59:1
Fail
3.0%
Relative Luminance
0.0296
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
#313130
Complementary
of Dark Slate Gray
#303031
Analogous
of Dark Slate Gray
#303031
Analogous
of Dark Slate Gray
#565658
Lighter Tint
of Dark Slate Gray
#7C7C7E
Lighter Tint
of Dark Slate Gray
#A2A2A4
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
#D9D9DA
Gainsboro
7.3% Gray
Web Formats
HEX#D9D9DA
RGB217,217,218
HSLhsl(240, 1%, 85%)
HWBhwb(240, 85%, 15%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 15%)
HSVhsv(240, 0%, 85%)
Perceptual (Color Science)
LABlab(86.72, 0.18, -0.49)
LCHlch(86.72, 0.52, 290.2°)
XYZxyz(66.08, 69.44, 76.24)
OKLaboklab(0.8856, 0.0004, -0.0013)
Accessibility (WCAG 2.1)
Aa
On White
1.41:1
Fail
Aa
On Black
14.89:1
AAA Pass
Aa
White on Color
1.41:1
Fail
Aa
Black on Color
14.89:1
AAA Pass
69.4%
Relative Luminance
0.6944
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
#D9D9D8
Complementary
of Gainsboro
#D9D8D9
Analogous
of Gainsboro
#D8D9D9
Analogous
of Gainsboro
#F2F2F2
Lighter Tint
of Gainsboro
#F2F2F2
Lighter Tint
of Gainsboro
#F2F2F2
Lighter Tint
of Gainsboro
#B2B2B3
Darker Shade
of Gainsboro
#8B8B8D
Darker Shade
of Gainsboro
#656567
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#646668
Dim Gray
6.6% Gray
Web Formats
HEX#646668
RGB100,102,104
HSLhsl(210, 2%, 40%)
HWBhwb(210, 39%, 59%)
Print & Design
CMYKcmyk(4%, 2%, 0%, 59%)
HSVhsv(210, 4%, 41%)
Perceptual (Color Science)
LABlab(43.08, -0.35, -1.4)
LCHlch(43.08, 1.44, 255.9°)
XYZxyz(12.51, 13.21, 14.99)
OKLaboklab(0.5092, -0.0015, -0.0037)
Accessibility (WCAG 2.1)
Aa
On White
5.77:1
AA Pass
Aa
On Black
3.64:1
Large Only
Aa
White on Color
5.77:1
AA Pass
Aa
Black on Color
3.64:1
Large Only
13.2%
Relative Luminance
0.1321
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
#686664
Complementary
of Dim Gray
#646468
Analogous
of Dim Gray
#646868
Analogous
of Dim Gray
#8A8C8F
Lighter Tint
of Dim Gray
#B1B3B4
Lighter Tint
of Dim Gray
#D8D9DA
Lighter Tint
of Dim Gray
#3E4041
Darker Shade
of Dim Gray
#191A1A
Darker Shade
of Dim Gray
#0C0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#3F6C7D
Dim Gray
6.0% Gray
Web Formats
HEX#3F6C7D
RGB63,108,125
HSLhsl(196, 33%, 37%)
HWBhwb(196, 25%, 51%)
Print & Design
CMYKcmyk(50%, 14%, 0%, 51%)
HSVhsv(196, 50%, 49%)
Perceptual (Color Science)
LABlab(43.15, -10.49, -14.24)
LCHlch(43.15, 17.69, 233.6°)
XYZxyz(11.11, 13.26, 21.37)
OKLaboklab(0.5058, -0.0404, -0.0394)
Accessibility (WCAG 2.1)
Aa
On White
5.75:1
AA Pass
Aa
On Black
3.65:1
Large Only
Aa
White on Color
5.75:1
AA Pass
Aa
Black on Color
3.65:1
Large Only
13.3%
Relative Luminance
0.1326
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
#7D503F
Complementary
of Dim Gray
#3F4E7D
Analogous
of Dim Gray
#3F7D6F
Analogous
of Dim Gray
#5C97AD
Lighter Tint
of Dim Gray
#8FB8C7
Lighter Tint
of Dim Gray
#C2D8E0
Lighter Tint
of Dim Gray
#26414B
Darker Shade
of Dim Gray
#0C1518
Darker Shade
of Dim Gray
#090F11
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue

The colors presented here were analyzed from Shengtao Ma's award-winning project "W-3E Mask".

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
Bronze A' Futuristic Design Award 2021

About the Award

Bronze A' Futuristic Design Award 2021

W-3E Mask received recognition with the Bronze A' Futuristic Design Award in 2021. The A' Design Award is one of the world's most recognized design accolade that celebrates remarkable design achievement. Winning entries are identified through careful assessment by an expert jury with diverse expertise in design. The Bronze 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 W-3E Mask

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

W-3E Mask - View 2
5D5C5C
7D7C7D
383738
494849
737373
E7E7E8
9C9D9F
D1D0D1
W-3E Mask • View 2
W-3E Mask - View 3
7B7B7C
414141
A8A9AB
4E4D4F
E3E4E4
C9C9CA
606161
969697
W-3E Mask • View 3
W-3E Mask - View 4
404040
2E2E2E
656565
757576
1F1F1F
A4A4A4
505050
909090
W-3E Mask • View 4
W-3E Mask - View 5
313131
99999B
544E4E
62635F
222222
3F4040
ECECEC
CBCBCB
W-3E Mask • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Pioneer
3D3F40
5C5E5F
262828
4B4F50
717476
87898B
9FA1A2
B0B1B2
Pioneer
190,575 ID#165613
Endeavor
2F3033
656870
212224
898D96
515259
787B83
434349
ABB0B9
Endeavor
24,644 ID#181475
Explorer
50524F
7E807D
686A68
393B3A
929493
A6A7A7
282927
171817
Explorer
1,020,137 ID#149108
Eden Rise
B5B6B6
ECE1D1
CCC6BF
9DA7AB
DAD2C9
4E3C37
DABB9A
332729
Eden Rise
208,967 ID#164052
Skybridge
EBEBEA
6D6D6B
828281
272726
595958
3E3E3D
D6D6D2
DECE6D
Skybridge
198,944 ID#170590
Swimcar
262B38
3D424B
5D6A7A
5F6060
4A545E
8F8983
465973
5E8DC3
Swimcar
18,204 ID#181227
Haidongqing
DDDDDC
C8C7C6
323333
7B7B7B
4F4F4F
AEAEAD
979796
1D201F
Haidongqing
123,376 ID#164605
Savior
F5F6F9
C2C6CD
AAAFB8
343A45
484E58
878D97
D0D5DB
70767F
Savior
121,712 ID#164686
Hinemosu 30
131313
282828
474747
676867
A9A9A9
808080
EEEEEE
373738
Hinemosu 30
1,504,427 ID#159382
Changes and Cycles in Between
FEFEFE
2D2824
464034
575349
D1CDBC
B7BBB0
695F58
80806A
Changes and Cycles in Between
205,875 ID#170864
Shape Grammars
CDCDCD
E5E5E5
B8B8B8
9D9D9D
898989
F3F3F3
727272
010101
Shape Grammars
228,696 ID#130038
Flexo InForm
94684C
272619
3E3A28
634E32
7D7341
494A45
775D3E
5B5E64
Flexo InForm
703,824 ID#114604