Mystical Serpent Colors | Design Hues
Design Hues

Color Palette

Mystical Serpent — Light Art Installation

081828
Copy As
HEX #081828
RGB rgb(8,24,40)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
12283C
Copy As
HEX #12283C
RGB rgb(18,40,60)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
080914
Copy As
HEX #080914
RGB rgb(8,9,20)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
58413A
Copy As
HEX #58413A
RGB rgb(88,65,58)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
4C0525
Copy As
HEX #4C0525
RGB rgb(76,5,37)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
382220
Copy As
HEX #382220
RGB rgb(56,34,32)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
34343B
Copy As
HEX #34343B
RGB rgb(52,52,59)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
2C4655
Copy As
HEX #2C4655
RGB rgb(44,70,85)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
#081828
#12283C
#080914
#58413A
#4C0525
#382220
#34343B
#2C4655
Mystical Serpent

This palette was extracted from

Mystical Serpent

Award-Winning Light Art Installation

About the Design

This design features Black, Midnight Blue, Dark Slate Gray, and Maroon.

About the Award-Winning Light Art Installation Design: On the facade of a century old building in Shanghai China, Mystical Serpent was created a lighting art installation, blending serpent legends from ancient China and Rome. The winding 3D inflatable snake body is made of lightweight recyclable materials. It passes through the walls and windows that present a pseudo 3D effect by covering printed murals and pasting glass stickers. This installation connects the horizontal and vertical spaces, creating a three dimensional sense as a whole. It also brings a new visual experience to this century old building.

This palette has a harmonious temperature, providing flexibility in various contexts.

View at A' Design Award

Mystical Serpent, the design behind this palette, was designed by Weijie Yang.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#081828
Black
34.4% Black
Web Formats
HEX #081828
RGB 8,24,40
HSL hsl(210, 67%, 9%)
HWB hwb(210, 3%, 84%)
Print & Design
CMYK cmyk(80%, 40%, 0%, 84%)
HSV hsv(210, 80%, 16%)
Perceptual (Color Science)
LAB lab(7.75, -0.24, -12.94)
LCH lch(7.75, 12.94, 268.9°)
XYZ xyz(0.81, 0.86, 2.13)
OKLab oklab(0.2044, -0.0132, -0.0366)
Accessibility (WCAG 2.1)
Aa
On White
17.92:1
AAA Pass
Aa
On Black
1.17:1
Fail
Aa
White on Color
17.92:1
AAA Pass
Aa
Black on Color
1.17:1
Fail
0.9%
Relative Luminance
0.0086
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
#261708
Complementary
of Black
#080826
Analogous
of Black
#082626
Analogous
of Black
#143D66
Lighter Tint
of Black
#2163A6
Lighter Tint
of Black
#3B8AD8
Lighter Tint
of Black
#040D15
Darker Shade
of Black
#040D15
Darker Shade
of Black
#040D15
Darker Shade
of Black
Black
Named Color
Discover the Hue
#12283C
Midnight Blue
13.8% Blue
Web Formats
HEX #12283C
RGB 18,40,60
HSL hsl(209, 54%, 15%)
HWB hwb(209, 7%, 76%)
Print & Design
CMYK cmyk(70%, 33%, 0%, 76%)
HSV hsv(209, 70%, 24%)
Perceptual (Color Science)
LAB lab(15.34, -1.24, -15.41)
LCH lch(15.34, 15.46, 265.4°)
XYZ xyz(1.82, 1.97, 4.56)
OKLab oklab(0.2694, -0.0177, -0.0434)
Accessibility (WCAG 2.1)
Aa
On White
15.06:1
AAA Pass
Aa
On Black
1.39:1
Fail
Aa
White on Color
15.06:1
AAA Pass
Aa
Black on Color
1.39:1
Fail
2.0%
Relative Luminance
0.0197
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
#3B2612
Complementary
of Midnight Blue
#12123B
Analogous
of Midnight Blue
#123B3A
Analogous
of Midnight Blue
#234E76
Lighter Tint
of Midnight Blue
#3575B1
Lighter Tint
of Midnight Blue
#629BD0
Lighter Tint
of Midnight Blue
#060D14
Darker Shade
of Midnight Blue
#060D14
Darker Shade
of Midnight Blue
#060D14
Darker Shade
of Midnight Blue
Midnight Blue
Named Color
Discover the Hue
#080914
Black
9.7% Black
Web Formats
HEX #080914
RGB 8,9,20
HSL hsl(235, 43%, 5%)
HWB hwb(235, 3%, 92%)
Print & Design
CMYK cmyk(60%, 55%, 0%, 92%)
HSV hsv(235, 60%, 8%)
Perceptual (Color Science)
LAB lab(2.69, 1.69, -5.41)
LCH lch(2.69, 5.67, 287.4°)
XYZ xyz(0.32, 0.3, 0.7)
OKLab oklab(0.1451, 0.0036, -0.0237)
Accessibility (WCAG 2.1)
Aa
On White
19.82:1
AAA Pass
Aa
On Black
1.06:1
Fail
Aa
White on Color
19.82:1
AAA Pass
Aa
Black on Color
1.06:1
Fail
0.3%
Relative Luminance
0.0030
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
#121107
Complementary
of Black
#0C0712
Analogous
of Black
#070E12
Analogous
of Black
#1D2149
Lighter Tint
of Black
#333980
Lighter Tint
of Black
#4952B6
Lighter Tint
of Black
#070812
Darker Shade
of Black
#070812
Darker Shade
of Black
#070812
Darker Shade
of Black
Black
Named Color
Discover the Hue
#58413A
Dark Slate Gray
9.8% Gray
Web Formats
HEX #58413A
RGB 88,65,58
HSL hsl(14, 21%, 29%)
HWB hwb(14, 23%, 65%)
Print & Design
CMYK cmyk(0%, 26%, 34%, 65%)
HSV hsv(14, 34%, 35%)
Perceptual (Color Science)
LAB lab(29.82, 8.85, 8.15)
LCH lch(29.82, 12.03, 42.6°)
XYZ xyz(6.68, 6.16, 4.84)
OKLab oklab(0.3983, 0.0272, 0.021)
Accessibility (WCAG 2.1)
Aa
On White
9.41:1
AAA Pass
Aa
On Black
2.23:1
Fail
Aa
White on Color
9.41:1
AAA Pass
Aa
Black on Color
2.23:1
Fail
6.2%
Relative Luminance
0.0616
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
#3A5259
Complementary
of Dark Slate Gray
#59513A
Analogous
of Dark Slate Gray
#593A43
Analogous
of Dark Slate Gray
#886459
Lighter Tint
of Dark Slate Gray
#AC8B80
Lighter Tint
of Dark Slate Gray
#CBB5AF
Lighter Tint
of Dark Slate Gray
#2B201C
Darker Shade
of Dark Slate Gray
#0F0B0A
Darker Shade
of Dark Slate Gray
#0F0B0A
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#4C0525
Maroon
8.7% Red
Web Formats
HEX #4C0525
RGB 76,5,37
HSL hsl(333, 88%, 16%)
HWB hwb(333, 2%, 70%)
Print & Design
CMYK cmyk(0%, 93%, 51%, 70%)
HSV hsv(333, 93%, 30%)
Perceptual (Color Science)
LAB lab(14.28, 33.72, 0.19)
LCH lch(14.28, 33.72, 0.3°)
XYZ xyz(3.37, 1.78, 1.92)
OKLab oklab(0.2747, 0.1038, 0.0009)
Accessibility (WCAG 2.1)
Aa
On White
15.49:1
AAA Pass
Aa
On Black
1.36:1
Fail
Aa
White on Color
15.49:1
AAA Pass
Aa
Black on Color
1.36:1
Fail
1.8%
Relative Luminance
0.0178
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
#054D2C
Complementary
of Maroon
#4D0805
Analogous
of Maroon
#4D0549
Analogous
of Maroon
#950948
Lighter Tint
of Maroon
#DD0E6B
Lighter Tint
of Maroon
#F34493
Lighter Tint
of Maroon
#18020C
Darker Shade
of Maroon
#18020C
Darker Shade
of Maroon
#18020C
Darker Shade
of Maroon
Maroon
Named Color
Discover the Hue
#382220
Black
8.1% Black
Web Formats
HEX #382220
RGB 56,34,32
HSL hsl(5, 27%, 17%)
HWB hwb(5, 13%, 78%)
Print & Design
CMYK cmyk(0%, 39%, 43%, 78%)
HSV hsv(5, 43%, 22%)
Perceptual (Color Science)
LAB lab(15.95, 10.26, 5.69)
LCH lch(15.95, 11.74, 29°)
XYZ xyz(2.46, 2.09, 1.64)
OKLab oklab(0.2793, 0.0311, 0.0146)
Accessibility (WCAG 2.1)
Aa
On White
14.81:1
AAA Pass
Aa
On Black
1.42:1
Fail
Aa
White on Color
14.81:1
AAA Pass
Aa
Black on Color
1.42:1
Fail
2.1%
Relative Luminance
0.0209
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
#203537
Complementary
of Black
#372D20
Analogous
of Black
#372029
Analogous
of Black
#683F3C
Lighter Tint
of Black
#985D57
Lighter Tint
of Black
#B88884
Lighter Tint
of Black
#100A09
Darker Shade
of Black
#100A09
Darker Shade
of Black
#100A09
Darker Shade
of Black
Black
Named Color
Discover the Hue
#34343B
Dark Slate Gray
8.1% Gray
Web Formats
HEX #34343B
RGB 52,52,59
HSL hsl(240, 6%, 22%)
HWB hwb(240, 20%, 77%)
Print & Design
CMYK cmyk(12%, 12%, 0%, 77%)
HSV hsv(240, 12%, 23%)
Perceptual (Color Science)
LAB lab(21.95, 1.7, -4.38)
LCH lch(21.95, 4.7, 291.2°)
XYZ xyz(3.43, 3.5, 4.63)
OKLab oklab(0.3278, 0.0033, -0.0118)
Accessibility (WCAG 2.1)
Aa
On White
12.35:1
AAA Pass
Aa
On Black
1.70:1
Fail
Aa
White on Color
12.35:1
AAA Pass
Aa
Black on Color
1.70:1
Fail
3.5%
Relative Luminance
0.0350
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
#3B3B35
Complementary
of Dark Slate Gray
#38353B
Analogous
of Dark Slate Gray
#35383B
Analogous
of Dark Slate Gray
#595964
Lighter Tint
of Dark Slate Gray
#7D7D8C
Lighter Tint
of Dark Slate Gray
#A6A6B0
Lighter Tint
of Dark Slate Gray
#111113
Darker Shade
of Dark Slate Gray
#0C0C0E
Darker Shade
of Dark Slate Gray
#0C0C0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#2C4655
Dark Slate Gray
7.5% Gray
Web Formats
HEX #2C4655
RGB 44,70,85
HSL hsl(202, 32%, 25%)
HWB hwb(202, 17%, 67%)
Print & Design
CMYK cmyk(48%, 18%, 0%, 67%)
HSV hsv(202, 48%, 33%)
Perceptual (Color Science)
LAB lab(28.3, -5.28, -12.04)
LCH lch(28.3, 13.15, 246.3°)
XYZ xyz(4.87, 5.57, 9.41)
OKLab oklab(0.3797, -0.0236, -0.0333)
Accessibility (WCAG 2.1)
Aa
On White
9.93:1
AAA Pass
Aa
On Black
2.11:1
Fail
Aa
White on Color
9.93:1
AAA Pass
Aa
Black on Color
2.11:1
Fail
5.6%
Relative Luminance
0.0557
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
#543A2B
Complementary
of Dark Slate Gray
#2B3154
Analogous
of Dark Slate Gray
#2B544F
Analogous
of Dark Slate Gray
#456F87
Lighter Tint
of Dark Slate Gray
#6896B1
Lighter Tint
of Dark Slate Gray
#9AB9CB
Lighter Tint
of Dark Slate Gray
#111C22
Darker Shade
of Dark Slate Gray
#090E11
Darker Shade
of Dark Slate Gray
#090E11
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue

These colors were identified within Weijie Yang's celebrated design "Mystical Serpent".

Weijie Yang

About Weijie Yang

Weijie Yang

Weijie Yang is a distinguished agency celebrated by the A' Design Award. Their designs showcases excellence in product design.

Weijie Yang Prestige designer, design educator, founder of PHAIdesign. Mr Yang graduated from TongJi University and received his master degree from Domus Academy Milano. He had worked in many European design agencies and been teaching for more than a decade, now he is a guest professor in TongJi University. His work has been exhibited in UNSCEO Zurich headquarter, Salone del Mobile Milan, Venice Biennial, New York design Week and many other venues. He has won more than 20 important design competitions which include IF gold award, Chinese furniture gold award and was collected by many domestic art organizations. In 2011 he founded PHAIdesign, in 2012 PHAIdesign launched its own independent products, in 2013 he started the art merchandise design and has been working for National Museum of China, PSA Shanghai and other art organization and artists. From 2019 he has been invited as the Creative Director of Beijing TV`s “Forbidden City, now create” TV show.

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

Explore Weijie Yang's Palettes View Weijie Yang's Profile
Platinum A' Fine Arts and Art Installation Design Award 2025

About the Award

Platinum A' Fine Arts and Art Installation Design Award 2025

Mystical Serpent was honored with the Platinum A' Fine Arts and Art Installation 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 Platinum status reflects high caliber design work as determined by the international jury.

A' Fine Arts and Art Installation Design Award

Celebrate the transformative power of creativity with the A' Fine Arts and Art Installation Design Award. The fine art award category highlights artistic innovation, the interplay of media and space, and the profound impact on public engagement and cultural discourse.

Recognizes: Sculptures, Paintings, Installations, Photographs, Drawings, Mixed Media Works, Ceramics, Art Objects, Craftworks and More.
Learn More About A' Fine Arts and Art Installation Design Award View at A' Design Award

More Palettes from Mystical Serpent

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

Mystical Serpent - View 2
020C17
720A2F
24191E
661F2E
491824
7D2F3D
3D031C
5A0A1B
Mystical Serpent • View 2
Mystical Serpent - View 3
39A1DC
0F1B2C
08080D
434B56
261917
1E2A3A
294964
1E364F
Mystical Serpent • View 3
Mystical Serpent - View 4
348BCC
B04B55
A63740
5D9DCB
0D090F
3B434F
505662
191E26
Mystical Serpent • View 4
Mystical Serpent - View 5
010911
73413A
051728
5C3A32
6B504D
83554E
192E45
DF214B
Mystical Serpent • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Infinite Bloom
CACBCF
614B23
B8BCC1
1E1912
564737
423526
AFAAA4
9BACC2
Infinite Bloom
334,322 ID#159798
Fountain of Life
3E2611
6A4015
523720
8E6031
7F501F
1F130A
6D523C
060404
Fountain of Life
60,153 ID#170478
Coralarc
3A4966
505872
161D23
111417
676A7D
7D7883
92878D
283D54
Coralarc
1,067,951 ID#146618
The Book That Grew
80705B
95846B
A79479
191B11
2D2F1F
5F5342
43412D
6D5F4D
The Book That Grew
270,173 ID#122969
Open Work
525429
353D1E
543A2F
6C6637
745241
2C2218
807543
47261E
Open Work
78,392 ID#155818
Bubble Forest
2F240A
000001
0F1A2D
295D94
3E3303
215172
0E458C
1A74B3
Bubble Forest
745,107 ID#97198
Dance with Life
818183
9C9FA4
0E1015
43505F
B5C2CA
61656B
8F9094
323B45
Dance with Life
51,693 ID#150839
Sound Of Body
010001
3E1A33
1D0B18
512545
FD8BFC
FD72FB
FCA9FC
FD44FC
Sound Of Body
10,257 ID#168789
Embrasse Moi
9F846E
A3978F
857466
918782
4F4742
AFB0B6
2A2829
6B5B4F
Embrasse Moi
813,847 ID#149079
No Footprint Wood House
4B2A18
653C22
775037
886348
A08C73
A37C5D
9D714D
B98B5E
No Footprint Wood House
1,269,866 ID#164868
Secret of Eternity
9F6D4F
8D5E42
B88761
080705
71472F
D2D2D0
C69C77
C3C2BF
Secret of Eternity
799,385 ID#165548
Spring Dance
B78B72
A3765F
614234
92644D
7B5340
CAA087
2A1D17
4D3126
Spring Dance
1,068,025 ID#165949