Color Palette

Megalopolis X — Shenzhen Super Headquarter

E1E8F1
Copy As
HEX#E1E8F1
RGBrgb(225,232,241)
HSLhsl(214, 36%, 91%)
CMYKcmyk(7%, 4%, 0%, 5%)
Download
SVG PNG
3B4B5E
Copy As
HEX#3B4B5E
RGBrgb(59,75,94)
HSLhsl(213, 23%, 30%)
CMYKcmyk(37%, 20%, 0%, 63%)
Download
SVG PNG
4A5E76
Copy As
HEX#4A5E76
RGBrgb(74,94,118)
HSLhsl(213, 23%, 38%)
CMYKcmyk(37%, 20%, 0%, 54%)
Download
SVG PNG
9DB0D7
Copy As
HEX#9DB0D7
RGBrgb(157,176,215)
HSLhsl(220, 42%, 73%)
CMYKcmyk(27%, 18%, 0%, 16%)
Download
SVG PNG
2A3742
Copy As
HEX#2A3742
RGBrgb(42,55,66)
HSLhsl(208, 22%, 21%)
CMYKcmyk(36%, 17%, 0%, 74%)
Download
SVG PNG
5C718F
Copy As
HEX#5C718F
RGBrgb(92,113,143)
HSLhsl(215, 22%, 46%)
CMYKcmyk(36%, 21%, 0%, 44%)
Download
SVG PNG
818592
Copy As
HEX#818592
RGBrgb(129,133,146)
HSLhsl(226, 7%, 54%)
CMYKcmyk(12%, 9%, 0%, 43%)
Download
SVG PNG
121F35
Copy As
HEX#121F35
RGBrgb(18,31,53)
HSLhsl(218, 49%, 14%)
CMYKcmyk(66%, 42%, 0%, 79%)
Download
SVG PNG
#E1E8F1
#3B4B5E
#4A5E76
#9DB0D7
#2A3742
#5C718F
#818592
#121F35
Megalopolis X

This palette was extracted from

Megalopolis X

Award-Winning Shenzhen Super Headquarter

About the Design

This design features Lavender, Dark Slate Gray, Dim Gray, Light Steel Blue, Slate Gray, Light Slate Gray, and Midnight Blue.

About the Award-Winning Shenzhen Super Headquarter Design: Megalopolis X will be the new center in the heart of the greater bay area, close to the border between Hong Kong and Shenzhen. The master plan integrates architecture with pedestrian networks, parks and public spaces. Above and below ground transportation networks are being planned by maximizing connectivity in the city. A below ground sustainable infrastructure network will provide systems for district cooling and automatic waste treatment in a seamless manner. The aim is to establish a creative master plan framework of how cities will be designed in the future.

This palette has a calming feel, suggesting peaceful balance.

View at A' Design Award

Megalopolis X, where these colors originate, was designed by QUAD studio.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.


Lavender
28.6% Purple
Web Formats
HEX#E1E8F1
RGB225,232,241
HSLhsl(214, 36%, 91%)
HWBhwb(214, 88%, 5%)
Print & Design
CMYKcmyk(7%, 4%, 0%, 5%)
HSVhsv(214, 7%, 95%)
Perceptual (Color Science)
LABlab(91.72, -0.66, -5.17)
LCHlch(91.72, 5.21, 262.7°)
XYZxyz(75.78, 80.07, 94.66)
OKLaboklab(0.9283, -0.0038, -0.0138)
Accessibility (WCAG 2.1)
Aa
On White
1.23:1
Fail
Aa
On Black
17.01:1
AAA Pass
Aa
White on Color
1.23:1
Fail
Aa
Black on Color
17.01:1
AAA Pass
80.1%
Relative Luminance
0.8007
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.


Dark Slate Gray
21.1% Gray
Web Formats
HEX#3B4B5E
RGB59,75,94
HSLhsl(213, 23%, 30%)
HWBhwb(213, 23%, 63%)
Print & Design
CMYKcmyk(37%, 20%, 0%, 63%)
HSVhsv(213, 37%, 37%)
Perceptual (Color Science)
LABlab(31.28, -1.01, -13.19)
LCHlch(31.28, 13.23, 265.6°)
XYZxyz(6.34, 6.77, 11.56)
OKLaboklab(0.407, -0.0111, -0.0364)
Accessibility (WCAG 2.1)
Aa
On White
8.92:1
AAA Pass
Aa
On Black
2.35:1
Fail
Aa
White on Color
8.92:1
AAA Pass
Aa
Black on Color
2.35:1
Fail
6.8%
Relative Luminance
0.0677
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.


Dim Gray
12.9% Gray
Web Formats
HEX#4A5E76
RGB74,94,118
HSLhsl(213, 23%, 38%)
HWBhwb(213, 29%, 54%)
Print & Design
CMYKcmyk(37%, 20%, 0%, 54%)
HSVhsv(213, 37%, 46%)
Perceptual (Color Science)
LABlab(39.19, -1.09, -15.98)
LCHlch(39.19, 16.02, 266.1°)
XYZxyz(10.1, 10.77, 18.68)
OKLaboklab(0.4752, -0.0132, -0.0441)
Accessibility (WCAG 2.1)
Aa
On White
6.66:1
AA Pass
Aa
On Black
3.15:1
Large Only
Aa
White on Color
6.66:1
AA Pass
Aa
Black on Color
3.15:1
Large Only
10.8%
Relative Luminance
0.1077
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.


Light Steel Blue
9.2% Blue
Web Formats
HEX#9DB0D7
RGB157,176,215
HSLhsl(220, 42%, 73%)
HWBhwb(220, 62%, 16%)
Print & Design
CMYKcmyk(27%, 18%, 0%, 16%)
HSVhsv(220, 27%, 84%)
Perceptual (Color Science)
LABlab(71.64, 2.15, -21.84)
LCHlch(71.64, 21.95, 275.6°)
XYZxyz(41.69, 43.12, 70.4)
OKLaboklab(0.7561, -0.0057, -0.0599)
Accessibility (WCAG 2.1)
Aa
On White
2.18:1
Fail
Aa
On Black
9.63:1
AAA Pass
Aa
White on Color
2.18:1
Fail
Aa
Black on Color
9.63:1
AAA Pass
43.1%
Relative Luminance
0.4313
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.


Dark Slate Gray
9.3% Gray
Web Formats
HEX#2A3742
RGB42,55,66
HSLhsl(208, 22%, 21%)
HWBhwb(208, 16%, 74%)
Print & Design
CMYKcmyk(36%, 17%, 0%, 74%)
HSVhsv(208, 36%, 26%)
Perceptual (Color Science)
LABlab(22.37, -2.19, -8.57)
LCHlch(22.37, 8.85, 255.7°)
XYZxyz(3.3, 3.62, 5.68)
OKLaboklab(0.3298, -0.0114, -0.0235)
Accessibility (WCAG 2.1)
Aa
On White
12.18:1
AAA Pass
Aa
On Black
1.72:1
Fail
Aa
White on Color
12.18:1
AAA Pass
Aa
Black on Color
1.72:1
Fail
3.6%
Relative Luminance
0.0362
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.


Slate Gray
9.0% Gray
Web Formats
HEX#5C718F
RGB92,113,143
HSLhsl(215, 22%, 46%)
HWBhwb(215, 36%, 44%)
Print & Design
CMYKcmyk(36%, 21%, 0%, 44%)
HSVhsv(215, 36%, 56%)
Perceptual (Color Science)
LABlab(47.06, 0.02, -18.87)
LCHlch(47.06, 18.87, 270.1°)
XYZxyz(15.28, 16.07, 28.28)
OKLaboklab(0.5434, -0.0118, -0.0521)
Accessibility (WCAG 2.1)
Aa
On White
4.98:1
AA Pass
Aa
On Black
4.21:1
Large Only
Aa
White on Color
4.98:1
AA Pass
Aa
Black on Color
4.21:1
Large Only
16.1%
Relative Luminance
0.1607
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.


Light Slate Gray
5.2% Gray
Web Formats
HEX#818592
RGB129,133,146
HSLhsl(226, 7%, 54%)
HWBhwb(226, 51%, 43%)
Print & Design
CMYKcmyk(12%, 9%, 0%, 43%)
HSVhsv(226, 12%, 57%)
Perceptual (Color Science)
LABlab(55.6, 1.26, -7.46)
LCHlch(55.6, 7.57, 279.6°)
XYZxyz(22.63, 23.52, 30.54)
OKLaboklab(0.6177, 0.0008, -0.0201)
Accessibility (WCAG 2.1)
Aa
On White
3.68:1
Large Only
Aa
On Black
5.70:1
AA Pass
Aa
White on Color
3.68:1
Large Only
Aa
Black on Color
5.70:1
AA Pass
23.5%
Relative Luminance
0.2352
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.


Midnight Blue
4.5% Blue
Web Formats
HEX#121F35
RGB18,31,53
HSLhsl(218, 49%, 14%)
HWBhwb(218, 7%, 79%)
Print & Design
CMYKcmyk(66%, 42%, 0%, 79%)
HSVhsv(218, 66%, 21%)
Perceptual (Color Science)
LABlab(11.73, 2.52, -16.14)
LCHlch(11.73, 16.33, 278.9°)
XYZxyz(1.38, 1.37, 3.56)
OKLaboklab(0.2397, -0.0077, -0.0456)
Accessibility (WCAG 2.1)
Aa
On White
16.49:1
AAA Pass
Aa
On Black
1.27:1
Fail
Aa
White on Color
16.49:1
AAA Pass
Aa
Black on Color
1.27:1
Fail
1.4%
Relative Luminance
0.0137
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.

These hues were detected in QUAD studio's award-winning project "Megalopolis X".

QUAD studio

About QUAD studio

QUAD studio

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

QUAD studio is a group of architects, designers, and thinkers operating within the field of architecture, urbanism, interior design, landscape design, product design, research and development.
QUAD studio believes there is a resurgence of the Renaissance where people want more from architects than just architecture. People are in search of a holistic design narrative that allows designers to blur the lines between different design disciplines, the Collective Polymath.
Innovation also comes from cutting edge technology. QUAD studio is a lab for exploration, a place to experiment different design possibilities, artists are invited to share and bounce their innovative ideas.

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

Golden A' Futuristic Design Award 2020

About the Award

Golden A' Futuristic Design Award 2020

Megalopolis X has been recognized with the Golden A' Futuristic Design Award in 2020. The A' Design Award is an internationally acknowledged design competition that recognizes outstanding creative accomplishment. Laureates are chosen through comprehensive judging by industry experts with diverse expertise in design. The Golden 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.

More Palettes from Megalopolis X

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

Megalopolis X - View 2
526F89
405A73
6C87A1
364054
8EA5BA
B3C6D2
CDDBE2
A0B6C7
Megalopolis X - View 3
29372D
3E4E50
5F6E72
74848B
18241F
4B5A2E
99A5A9
87969B
Megalopolis X - View 4
324052
40506B
283731
4F607F
63789D
3D4C37
4F5B49
EBE4F0
Megalopolis X - View 5
223329
D6E1DF
141E15
324840
435D50
BECCC7
57735D
577374

Discover More Color Palettes

Explore colors from more award-winning designs.

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