The Shard - 8 Color Palette | Architecture Colors

Color Palette

The Shard — Sales Office

92B6D2
Copy As
HEX #92B6D2
RGB rgb(146,182,210)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
1E272C
Copy As
HEX #1E272C
RGB rgb(30,39,44)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
979192
Copy As
HEX #979192
RGB rgb(151,145,146)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
7D7E83
Copy As
HEX #7D7E83
RGB rgb(125,126,131)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
B0CADE
Copy As
HEX #B0CADE
RGB rgb(176,202,222)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
5B5F66
Copy As
HEX #5B5F66
RGB rgb(91,95,102)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
739EBE
Copy As
HEX #739EBE
RGB rgb(115,158,190)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
35383B
Copy As
HEX #35383B
RGB rgb(53,56,59)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
#92B6D2
#1E272C
#979192
#7D7E83
#B0CADE
#5B5F66
#739EBE
#35383B
The Shard

This palette was extracted from

The Shard

Award-Winning Sales Office

About the Design

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

About the Award-Winning Sales Office Design: Function combines sales office and gallery, The Shard was design to interact with people in an more inclusive and open way. The use of the unit components of the aluminum thousand paper crane on the facade emphasizes its artistry. The desire is to create events for Chongqing city by taking architecture as the carrier, so that to drive the public's sense of participation and interaction, and bring vitality to the community and society.

This palette has a balanced temperature, offering versatility in various contexts.

View at A' Design Award

The Shard, the source of these colors, was designed by Qun Wen.

Color Data for Professionals

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


Light Steel Blue
19.9% Blue
Web Formats
HEX #92B6D2
RGB 146,182,210
HSL hsl(206, 42%, 70%)
HWB hwb(206, 57%, 18%)
Print & Design
CMYK cmyk(30%, 13%, 0%, 18%)
HSV hsv(206, 30%, 82%)
Perceptual (Color Science)
LAB lab(72.37, -5.57, -18.06)
LCH lch(72.37, 18.9, 252.9°)
XYZ xyz(40.21, 44.22, 67.38)
OKLab oklab(0.7595, -0.0265, -0.0495)
Accessibility (WCAG 2.1)
Aa
On White
2.13:1
Fail
Aa
On Black
9.84:1
AAA Pass
Aa
White on Color
2.13:1
Fail
Aa
Black on Color
9.84:1
AAA Pass
44.2%
Relative Luminance
0.4422
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
15.2% Gray
Web Formats
HEX #1E272C
RGB 30,39,44
HSL hsl(201, 19%, 15%)
HWB hwb(201, 12%, 83%)
Print & Design
CMYK cmyk(32%, 11%, 0%, 83%)
HSV hsv(201, 32%, 17%)
Perceptual (Color Science)
LAB lab(15, -2.47, -4.58)
LCH lch(15, 5.21, 241.7°)
XYZ xyz(1.72, 1.91, 2.66)
OKLab oklab(0.2663, -0.0096, -0.0125)
Accessibility (WCAG 2.1)
Aa
On White
15.20:1
AAA Pass
Aa
On Black
1.38:1
Fail
Aa
White on Color
15.20:1
AAA Pass
Aa
Black on Color
1.38:1
Fail
1.9%
Relative Luminance
0.0191
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.


Light Slate Gray
13.9% Gray
Web Formats
HEX #979192
RGB 151,145,146
HSL hsl(350, 3%, 58%)
HWB hwb(350, 57%, 41%)
Print & Design
CMYK cmyk(0%, 4%, 3%, 41%)
HSV hsv(350, 4%, 59%)
Perceptual (Color Science)
LAB lab(60.7, 2.4, 0.26)
LCH lch(60.7, 2.41, 6.2°)
XYZ xyz(28.08, 28.91, 31.29)
OKLab oklab(0.6621, 0.0072, 0.0007)
Accessibility (WCAG 2.1)
Aa
On White
3.10:1
Large Only
Aa
On Black
6.78:1
AA Pass
Aa
White on Color
3.10:1
Large Only
Aa
Black on Color
6.78:1
AA Pass
28.9%
Relative Luminance
0.2891
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.


Gray
11.5% Gray
Web Formats
HEX #7D7E83
RGB 125,126,131
HSL hsl(230, 2%, 50%)
HWB hwb(230, 49%, 49%)
Print & Design
CMYK cmyk(5%, 4%, 0%, 49%)
HSV hsv(230, 5%, 51%)
Perceptual (Color Science)
LAB lab(52.86, 0.65, -2.84)
LCH lch(52.86, 2.91, 282.8°)
XYZ xyz(20.01, 20.92, 24.45)
OKLab oklab(0.5939, 0.0009, -0.0076)
Accessibility (WCAG 2.1)
Aa
On White
4.05:1
Large Only
Aa
On Black
5.18:1
AA Pass
Aa
White on Color
4.05:1
Large Only
Aa
Black on Color
5.18:1
AA Pass
20.9%
Relative Luminance
0.2092
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.


Light Steel Blue
11.3% Blue
Web Formats
HEX #B0CADE
RGB 176,202,222
HSL hsl(206, 41%, 78%)
HWB hwb(206, 69%, 13%)
Print & Design
CMYK cmyk(21%, 9%, 0%, 13%)
HSV hsv(206, 21%, 87%)
Perceptual (Color Science)
LAB lab(80.04, -4.47, -12.84)
LCH lch(80.04, 13.59, 250.8°)
XYZ xyz(52.21, 56.74, 77.3)
OKLab oklab(0.8261, -0.0192, -0.0348)
Accessibility (WCAG 2.1)
Aa
On White
1.70:1
Fail
Aa
On Black
12.35:1
AAA Pass
Aa
White on Color
1.70:1
Fail
Aa
Black on Color
12.35:1
AAA Pass
56.8%
Relative Luminance
0.5675
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.


Dim Gray
10.3% Gray
Web Formats
HEX #5B5F66
RGB 91,95,102
HSL hsl(218, 6%, 38%)
HWB hwb(218, 36%, 60%)
Print & Design
CMYK cmyk(11%, 7%, 0%, 60%)
HSV hsv(218, 11%, 40%)
Perceptual (Color Science)
LAB lab(40.19, -0, -4.52)
LCH lch(40.19, 4.52, 270°)
XYZ xyz(10.8, 11.37, 14.19)
OKLab oklab(0.4844, -0.0018, -0.0121)
Accessibility (WCAG 2.1)
Aa
On White
6.42:1
AA Pass
Aa
On Black
3.27:1
Large Only
Aa
White on Color
6.42:1
AA Pass
Aa
Black on Color
3.27:1
Large Only
11.4%
Relative Luminance
0.1137
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.


Cadet Blue
9.1% Cyan
Web Formats
HEX #739EBE
RGB 115,158,190
HSL hsl(206, 37%, 60%)
HWB hwb(206, 45%, 25%)
Print & Design
CMYK cmyk(39%, 17%, 0%, 25%)
HSV hsv(206, 39%, 75%)
Perceptual (Color Science)
LAB lab(63.19, -6.33, -21.13)
LCH lch(63.19, 22.06, 253.3°)
XYZ xyz(28.59, 31.81, 53.34)
OKLab oklab(0.68, -0.0322, -0.0583)
Accessibility (WCAG 2.1)
Aa
On White
2.85:1
Fail
Aa
On Black
7.36:1
AAA Pass
Aa
White on Color
2.85:1
Fail
Aa
Black on Color
7.36:1
AAA Pass
31.8%
Relative Luminance
0.3182
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
8.8% Gray
Web Formats
HEX #35383B
RGB 53,56,59
HSL hsl(210, 5%, 22%)
HWB hwb(210, 21%, 77%)
Print & Design
CMYK cmyk(10%, 5%, 0%, 77%)
HSV hsv(210, 10%, 23%)
Perceptual (Color Science)
LAB lab(23.34, -0.55, -2.31)
LCH lch(23.34, 2.37, 256.5°)
XYZ xyz(3.67, 3.9, 4.7)
OKLab oklab(0.3389, -0.0025, -0.0062)
Accessibility (WCAG 2.1)
Aa
On White
11.80:1
AAA Pass
Aa
On Black
1.78:1
Fail
Aa
White on Color
11.80:1
AAA Pass
Aa
Black on Color
1.78:1
Fail
3.9%
Relative Luminance
0.0390
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.

The colors shown were sampled from Qun Wen's award-winning project "The Shard".

Qun Wen

About Qun Wen

Qun Wen

Qun Wen is a renowned startup celebrated by the A' Design Award. Their designs showcases excellence in product design.

Larry Wen is a passionate architectural designer who is interested in improving human social experiences in the modern world by innovative design solutions. He has around 30 years experiences in Commercial, Mixed use, Culture, education and planning. He is the founder of aoe which is a Beijing based design office. aoe becomes an influential design force focusing on contemporary design in China. His unique approach by engaging both eastern and western design philosophy makes him one of the most influential architects in China.

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

Platinum A' Architecture, Building and Structure Design Award 2021

About the Award

Platinum A' Architecture, Building and Structure Design Award 2021

The Shard was honored with the Platinum A' Architecture, Building and Structure Design Award in 2021. 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 with diverse expertise in design. The Platinum status indicates commendable design excellence as assessed by the judging body.

A' Architecture, Building and Structure Design Award

Elevate the art of structural design with your visionary architectural projects. The architecture award category highlights exceptional creativity, technical ingenuity, and the integration of sustainable practices in the built environment.

Recognizes: Skyscrapers, Museums, Residential Buildings, Commercial Complexes, Educational Institutions, Religious Structures, Infrastructure Designs, Landscaping Projects and More.

More Palettes from The Shard

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

The Shard - View 2
0E1216
2D3847
1C232C
56585E
31455D
C7C9D1
252C38
636671
The Shard - View 3
A0BDDB
BBD1E8
272E23
3F4637
121811
525946
B3A08F
A09284
The Shard - View 4
A0CEE6
C8E0EF
486077
334C60
6E7B88
0C1217
1F3341
ABB8C3
The Shard - View 5
CED2DB
282B1F
3B4427
353A35
17181A
A09998
4C5635
515861

Discover More Color Palettes

Explore colors from more award-winning designs.

Chongwen Langyue
95B2D4
AEC3DC
C3D5E9
7F9FC5
DDCDC4
E3E0E0
2A2C33
3F4248
18,120 ID#151475
Treasure Box
1E293B
9ABEEA
B5D0EF
151C28
D1E1F5
3E5C88
2D3F58
394D71
29,475 ID#87177
Shanxiao
85AED7
232F3C
151B22
6D9CCB
6F695B
9EBDE0
455D77
344960
49,546 ID#87169
Fuma
4482D7
2969CA
639CE3
82B3ED
44423C
1A58BF
B9BAC0
575448
379,493 ID#164807
Golden Key Venue
3A3120
B9D3EA
834A33
464C21
1C1E14
59636F
424549
697786
627,822 ID#168626
Cosmic Creek
2D3022
C8D9E0
434531
415B66
6C6350
5A7681
57593D
6A713E
353,174 ID#166726
MRC Vison
026FB8
536224
137EC0
328CC6
529FCE
795E4B
45581C
8D441E
3,385,669 ID#151645
Shenzhen Art Museum
7FB4EF
11243A
465A79
5C6883
9BC8F8
74A6E6
0B3259
B8D7FA
2,502,214 ID#156276
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
461,708 ID#162656
Huai’an Zhongshuge
211D1A
3D3029
544237
0B0A0A
705A4B
8A7564
6F4F3A
87654A
695,755 ID#167817
Tender Soul of Ocean
12458B
0A3978
2355A0
3665B2
161B37
0E1028
4B78C1
2A3A61
1,240,979 ID#156105
Royal One
341610
4C261D
53433E
6D4234
726762
5D3428
615652
3C3636
775,595 ID#161059