Shanghai Cloud Colors | Architecture Colors

Color Palette

Shanghai Cloud — Digital Intelligence Center

B9CDF4
Copy As
HEX #B9CDF4
RGB rgb(185,205,244)
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
9BBBEE
Copy As
HEX #9BBBEE
RGB rgb(155,187,238)
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
383F50
Copy As
HEX #383F50
RGB rgb(56,63,80)
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
29303D
Copy As
HEX #29303D
RGB rgb(41,48,61)
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
82ABE4
Copy As
HEX #82ABE4
RGB rgb(130,171,228)
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
6E7082
Copy As
HEX #6E7082
RGB rgb(110,112,130)
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
545A6E
Copy As
HEX #545A6E
RGB rgb(84,90,110)
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
82879C
Copy As
HEX #82879C
RGB rgb(130,135,156)
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
#B9CDF4
#9BBBEE
#383F50
#29303D
#82ABE4
#6E7082
#545A6E
#82879C
Shanghai Cloud

This palette was extracted from

Shanghai Cloud

Award-Winning Digital Intelligence Center

About the Design

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

About the Award-Winning Digital Intelligence Center Design: Located in the North Shanghai Hi-Tech Park, the project takes the new smart city as the core, and promotes the renewal of the region from industrialization to intelligence. The emergence of a digital intelligence center from the old factory is meant to bring this place the future productivity. Modern industrial style plants and new high-rise buildings are mixed, creating a 24 hours open, dynamic and diverse gateway.

This palette has a cool feel, evoking peaceful balance.

View at A' Design Award

Shanghai Cloud , the design behind this palette, was designed by FTA Group.

Color Data for Professionals

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


Light Blue
19.3% Blue
Web Formats
HEX #B9CDF4
RGB 185,205,244
HSL hsl(220, 73%, 84%)
HWB hwb(220, 73%, 4%)
Print & Design
CMYK cmyk(24%, 16%, 0%, 4%)
HSV hsv(220, 24%, 96%)
Perceptual (Color Science)
LAB lab(82.11, 1.6, -21.4)
LCH lch(82.11, 21.46, 274.3°)
XYZ xyz(58.16, 60.51, 94.18)
OKLab oklab(0.8462, -0.0064, -0.0585)
Accessibility (WCAG 2.1)
Aa
On White
1.60:1
Fail
Aa
On Black
13.10:1
AAA Pass
Aa
White on Color
1.60:1
Fail
Aa
Black on Color
13.10:1
AAA Pass
60.5%
Relative Luminance
0.6051
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.


Light Steel Blue
18.8% Blue
Web Formats
HEX #9BBBEE
RGB 155,187,238
HSL hsl(217, 71%, 77%)
HWB hwb(217, 61%, 7%)
Print & Design
CMYK cmyk(35%, 21%, 0%, 7%)
HSV hsv(217, 35%, 93%)
Perceptual (Color Science)
LAB lab(75.25, 1.26, -28.83)
LCH lch(75.25, 28.86, 272.5°)
XYZ xyz(46.72, 48.68, 87.81)
OKLab oklab(0.7868, -0.0146, -0.0797)
Accessibility (WCAG 2.1)
Aa
On White
1.96:1
Fail
Aa
On Black
10.74:1
AAA Pass
Aa
White on Color
1.96:1
Fail
Aa
Black on Color
10.74:1
AAA Pass
48.7%
Relative Luminance
0.4868
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
13.0% Gray
Web Formats
HEX #383F50
RGB 56,63,80
HSL hsl(223, 18%, 27%)
HWB hwb(223, 22%, 69%)
Print & Design
CMYK cmyk(30%, 21%, 0%, 69%)
HSV hsv(223, 30%, 31%)
Perceptual (Color Science)
LAB lab(26.66, 1.64, -11.22)
LCH lch(26.66, 11.34, 278.3°)
XYZ xyz(4.86, 4.97, 8.29)
OKLab oklab(0.3683, -0.0014, -0.0308)
Accessibility (WCAG 2.1)
Aa
On White
10.53:1
AAA Pass
Aa
On Black
1.99:1
Fail
Aa
White on Color
10.53:1
AAA Pass
Aa
Black on Color
1.99:1
Fail
5.0%
Relative Luminance
0.0497
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.


Dark Slate Gray
12.8% Gray
Web Formats
HEX #29303D
RGB 41,48,61
HSL hsl(219, 20%, 20%)
HWB hwb(219, 16%, 76%)
Print & Design
CMYK cmyk(33%, 21%, 0%, 76%)
HSV hsv(219, 33%, 24%)
Perceptual (Color Science)
LAB lab(19.73, 0.66, -9.2)
LCH lch(19.73, 9.22, 274.1°)
XYZ xyz(2.81, 2.92, 4.83)
OKLab oklab(0.3082, -0.0032, -0.0253)
Accessibility (WCAG 2.1)
Aa
On White
13.25:1
AAA Pass
Aa
On Black
1.58:1
Fail
Aa
White on Color
13.25:1
AAA Pass
Aa
Black on Color
1.58:1
Fail
2.9%
Relative Luminance
0.0292
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.


Cornflower Blue
12.4% Blue
Web Formats
HEX #82ABE4
RGB 130,171,228
HSL hsl(215, 64%, 70%)
HWB hwb(215, 51%, 11%)
Print & Design
CMYK cmyk(43%, 25%, 0%, 11%)
HSV hsv(215, 43%, 89%)
Perceptual (Color Science)
LAB lab(69.09, 0.82, -33.02)
LCH lch(69.09, 33.03, 271.4°)
XYZ xyz(37.77, 39.47, 79.01)
OKLab oklab(0.7334, -0.0217, -0.092)
Accessibility (WCAG 2.1)
Aa
On White
2.36:1
Fail
Aa
On Black
8.89:1
AAA Pass
Aa
White on Color
2.36:1
Fail
Aa
Black on Color
8.89:1
AAA Pass
39.5%
Relative Luminance
0.3947
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.


Slate Gray
9.2% Gray
Web Formats
HEX #6E7082
RGB 110,112,130
HSL hsl(234, 8%, 47%)
HWB hwb(234, 43%, 49%)
Print & Design
CMYK cmyk(15%, 14%, 0%, 49%)
HSV hsv(234, 15%, 51%)
Perceptual (Color Science)
LAB lab(47.64, 3.2, -10.15)
LCH lch(47.64, 10.64, 287.5°)
XYZ xyz(16.25, 16.51, 23.45)
OKLab oklab(0.5498, 0.0051, -0.0275)
Accessibility (WCAG 2.1)
Aa
On White
4.88:1
AA Pass
Aa
On Black
4.30:1
Large Only
Aa
White on Color
4.88:1
AA Pass
Aa
Black on Color
4.30:1
Large Only
16.5%
Relative Luminance
0.1652
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
7.5% Gray
Web Formats
HEX #545A6E
RGB 84,90,110
HSL hsl(226, 13%, 38%)
HWB hwb(226, 33%, 57%)
Print & Design
CMYK cmyk(24%, 18%, 0%, 57%)
HSV hsv(226, 24%, 43%)
Perceptual (Color Science)
LAB lab(38.42, 2.48, -12.18)
LCH lch(38.42, 12.43, 281.5°)
XYZ xyz(10.13, 10.32, 16.21)
OKLab oklab(0.47, 0.0011, -0.0333)
Accessibility (WCAG 2.1)
Aa
On White
6.85:1
AA Pass
Aa
On Black
3.06:1
Large Only
Aa
White on Color
6.85:1
AA Pass
Aa
Black on Color
3.06:1
Large Only
10.3%
Relative Luminance
0.1032
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
7.0% Gray
Web Formats
HEX #82879C
RGB 130,135,156
HSL hsl(228, 12%, 56%)
HWB hwb(228, 51%, 39%)
Print & Design
CMYK cmyk(17%, 13%, 0%, 39%)
HSV hsv(228, 17%, 61%)
Perceptual (Color Science)
LAB lab(56.56, 2.7, -11.79)
LCH lch(56.56, 12.09, 282.9°)
XYZ xyz(23.87, 24.47, 34.91)
OKLab oklab(0.6265, 0.0027, -0.032)
Accessibility (WCAG 2.1)
Aa
On White
3.56:1
Large Only
Aa
On Black
5.89:1
AA Pass
Aa
White on Color
3.56:1
Large Only
Aa
Black on Color
5.89:1
AA Pass
24.5%
Relative Luminance
0.2447
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.

This color palette was derived from FTA Group's celebrated design "Shanghai Cloud ".

About FTA Group

FTA Group

FTA Group is a distinguished agency honored by the A' Design Award. Their portfolio reflects expertise in design innovation.

FTA entered China in 2003 and has design institutes in Berlin, Germany, and Shanghai, Shenzhen, China. As a design firm specializing in office and industrial real estate, FTA provides integrated services which include urban planning, architectural design, interior design, landscape design, consulting planning, and park operation. We aim to integrate global resources, technology, and teams and create influential industrial innovation zones. Regarding the Chinese Industrial Park, FTA is one of the design institutions with the maximum number of design works. At the end of 2021, FTA had accumulated more than 900 design experiences and completed more than 30,000,000 square meters. It brings value and a successful experience for clients who put high importance on the quality of the program that FTA's focus, integrated services, and global vision.

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

Golden A' Architecture, Building and Structure Design Award 2025

About the Award

Golden A' Architecture, Building and Structure Design Award 2025

Shanghai Cloud was awarded with the Golden A' Architecture, Building and Structure Design Award in 2025. The A' Design Award is a well-established design recognition initiative that honors exemplary design excellence. Award recipients are determined through rigorous evaluation by qualified design professionals with diverse expertise in design. The Golden status reflects high caliber design work as determined by the international jury.

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 Shanghai Cloud

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

Shanghai Cloud  - View 2
ABADCE
3B3B50
60617B
4C4D62
75768C
C2C3DC
2E2E3E
8B8CA2
Shanghai Cloud  - View 3
4F617D
93AAD3
7688A4
17271B
5D6E88
A6BCDE
7A97C7
2C3B2E
Shanghai Cloud  - View 4
A3C0E2
B9D0EB
506A85
4B6078
89ACD6
7B8137
627A94
F6F9FB
Shanghai Cloud  - View 5
2C3824
404B37
232317
846655
575D53
8A95A5
9DA6B3
7E858D

Discover More Color Palettes

Explore colors from more award-winning designs.

Handan Zarsion
7D8493
9CA7BC
404654
1C222D
B3C1DD
8393AF
657798
535C6C
12,743 ID#114678
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
Stacked Crystal Form
73A8E2
B3B4B8
5A91D6
4B5B24
9DA1A9
262824
34411C
0F1015
49,074 ID#170837
Xinhe Group HQ
A2B4D5
485C74
5A708C
B5C5E2
2C3837
475053
6C819F
1B2929
57,247 ID#172347
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