Curated Palette from Shanghai Cloud | Color Chips

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/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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 calming feel, creating serenity and focus.

View at A' Design Award

Shanghai Cloud , the inspiration 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 palette originates from FTA Group's celebrated design "Shanghai Cloud ".

About FTA Group

FTA Group

FTA Group is an award-winning agency acknowledged by the A' Design Award. Their work embodies mastery in design excellence.

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 has been recognized with the Golden A' Architecture, Building and Structure Design Award in 2025. The A' Design Award is an internationally acknowledged design competition that recognizes outstanding creative accomplishment. Laureates are chosen through comprehensive judging by industry experts representing multiple disciplines. 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.

Nanbu Eye
0F171D
1A2632
243445
354658
5377A2
5D524D
453F3D
466C96
4,741,941 ID#155402
Skyline Bay
171F26
1E2F43
86B5E7
243A53
45658B
41546A
3B4046
586575
5,690,204 ID#155403
Tianjin Zarsion
8898BB
9DACCF
1D1E22
B2C0DE
313237
D8DEF0
7D859C
4F525C
183,540 ID#114671
Fuma
4482D7
2969CA
639CE3
82B3ED
44423C
1A58BF
B9BAC0
575448
713,819 ID#164807
Golden Key Venue
3A3120
B9D3EA
834A33
464C21
1C1E14
59636F
424549
697786
2,591,070 ID#168626
Valencia
465735
F2F3F4
646C4B
7D864D
5E6F38
CAC364
A19F5F
324C27
547,604 ID#168192
Cosmic Creek
2D3022
C8D9E0
434531
415B66
6C6350
5A7681
57593D
6A713E
664,733 ID#166726
MRC Vison
026FB8
536224
137EC0
328CC6
529FCE
795E4B
45581C
8D441E
3,463,538 ID#151645
Embrasse Moi
9F846E
A3978F
857466
918782
4F4742
AFB0B6
2A2829
6B5B4F
813,847 ID#149079
Seongdong Smart Shelter
11100F
302318
513723
6C3C19
654E37
AE632E
D9924A
4D2B14
709,121 ID#161636
Conch
726B5F
847D73
E2E2E1
59554E
969088
020306
C5C1BE
ABA7A1
1,003,111 ID#162196
160X 6 Pro
53B3C8
E8DBD6
E4C6B7
F0EDF0
EE9C66
E67942
CBC680
D0AA95
828,789 ID#162482