Curated Palette from Chengdu NBD Centre | Design Colors
Design Colors

Color Palette

Chengdu NBD Centre — Architecture

4C5364
Copy As
HEX #4C5364
RGB rgb(76,83,100)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
3C4150
Copy As
HEX #3C4150
RGB rgb(60,65,80)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
5D677B
Copy As
HEX #5D677B
RGB rgb(93,103,123)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
6F798C
Copy As
HEX #6F798C
RGB rgb(111,121,140)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
818A9B
Copy As
HEX #818A9B
RGB rgb(129,138,155)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
949FAD
Copy As
HEX #949FAD
RGB rgb(148,159,173)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
1F1E20
Copy As
HEX #1F1E20
RGB rgb(31,30,32)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
302F35
Copy As
HEX #302F35
RGB rgb(48,47,53)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
#4C5364
#3C4150
#5D677B
#6F798C
#818A9B
#949FAD
#1F1E20
#302F35
Chengdu NBD Centre

This palette was extracted from

Chengdu NBD Centre

Award-Winning Architecture

About the Design

This design features Dark Slate Gray, Dim Gray, Slate Gray, Light Slate Gray, Dark Gray, and Black.

About the Award-Winning Architecture Design: Being the first development in this new financial district. To maximise frontage towards the Jinjiang River, the design pushed the twin tower toward the north western corner of the site allowing visual connection to Jiaozi Park. Below ground the design allowed multiple pedestrian connection to the adjacent plots and metro lines. It is divided into 3 distinctive sections, Below Ground, Podium and Main Towers all interconnected by pockets of public realm. A large sunken civic plaza draws visitors to the ground level where multi-level linkages take visitors to retail and cultural attraction.

This palette has a refreshing feel, evoking peaceful balance.

View at A' Design Award

Chengdu NBD Centre, the inspiration behind this palette, was designed by QUAD studio.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#4C5364
Dark Slate Gray
25.1% Gray
Web Formats
HEX #4C5364
RGB 76,83,100
HSL hsl(223, 14%, 35%)
HWB hwb(223, 30%, 61%)
Print & Design
CMYK cmyk(24%, 17%, 0%, 61%)
HSV hsv(223, 24%, 39%)
Perceptual (Color Science)
LAB lab(35.29, 1.41, -10.76)
LCH lch(35.29, 10.85, 277.5°)
XYZ xyz(8.37, 8.64, 13.28)
OKLab oklab(0.4426, -0.0013, -0.0294)
Accessibility (WCAG 2.1)
Aa
On White
7.70:1
AAA Pass
Aa
On Black
2.73:1
Fail
Aa
White on Color
7.70:1
AAA Pass
Aa
Black on Color
2.73:1
Fail
8.6%
Relative Luminance
0.0864
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
#665F4D
Complementary
of Dark Slate Gray
#524D66
Analogous
of Dark Slate Gray
#4D6066
Analogous
of Dark Slate Gray
#6E7891
Lighter Tint
of Dark Slate Gray
#99A0B2
Lighter Tint
of Dark Slate Gray
#C5C9D3
Lighter Tint
of Dark Slate Gray
#2C303A
Darker Shade
of Dark Slate Gray
#0B0C0F
Darker Shade
of Dark Slate Gray
#0B0C0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#3C4150
Dark Slate Gray
22.3% Gray
Web Formats
HEX #3C4150
RGB 60,65,80
HSL hsl(225, 14%, 27%)
HWB hwb(225, 24%, 69%)
Print & Design
CMYK cmyk(25%, 19%, 0%, 69%)
HSV hsv(225, 25%, 31%)
Perceptual (Color Science)
LAB lab(27.63, 1.78, -9.72)
LCH lch(27.63, 9.88, 280.4°)
XYZ xyz(5.2, 5.32, 8.34)
OKLab oklab(0.3767, 0.0003, -0.0266)
Accessibility (WCAG 2.1)
Aa
On White
10.17:1
AAA Pass
Aa
On Black
2.06:1
Fail
Aa
White on Color
10.17:1
AAA Pass
Aa
Black on Color
2.06:1
Fail
5.3%
Relative Luminance
0.0532
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
#4E4A3B
Complementary
of Dark Slate Gray
#403B4E
Analogous
of Dark Slate Gray
#3B4A4E
Analogous
of Dark Slate Gray
#5C647A
Lighter Tint
of Dark Slate Gray
#828AA1
Lighter Tint
of Dark Slate Gray
#AEB3C2
Lighter Tint
of Dark Slate Gray
#1A1C23
Darker Shade
of Dark Slate Gray
#0B0C0F
Darker Shade
of Dark Slate Gray
#0B0C0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#5D677B
Dim Gray
22.2% Gray
Web Formats
HEX #5D677B
RGB 93,103,123
HSL hsl(220, 14%, 42%)
HWB hwb(220, 36%, 52%)
Print & Design
CMYK cmyk(24%, 16%, 0%, 52%)
HSV hsv(220, 24%, 48%)
Perceptual (Color Science)
LAB lab(43.44, 0.98, -12.42)
LCH lch(43.44, 12.46, 274.5°)
XYZ xyz(12.94, 13.46, 20.65)
OKLab oklab(0.5127, -0.0034, -0.0339)
Accessibility (WCAG 2.1)
Aa
On White
5.69:1
AA Pass
Aa
On Black
3.69:1
Large Only
Aa
White on Color
5.69:1
AA Pass
Aa
Black on Color
3.69:1
Large Only
13.5%
Relative Luminance
0.1346
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
#7A705C
Complementary
of Dim Gray
#615C7A
Analogous
of Dim Gray
#5C757A
Analogous
of Dim Gray
#828CA1
Lighter Tint
of Dim Gray
#AEB4C2
Lighter Tint
of Dim Gray
#D9DCE2
Lighter Tint
of Dim Gray
#3B424E
Darker Shade
of Dim Gray
#1A1D23
Darker Shade
of Dim Gray
#0B0C0F
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#6F798C
Slate Gray
10.3% Gray
Web Formats
HEX #6F798C
RGB 111,121,140
HSL hsl(219, 12%, 49%)
HWB hwb(219, 44%, 45%)
Print & Design
CMYK cmyk(21%, 14%, 0%, 45%)
HSV hsv(219, 21%, 55%)
Perceptual (Color Science)
LAB lab(50.63, 0.62, -11.56)
LCH lch(50.63, 11.58, 273.1°)
XYZ xyz(18.13, 18.95, 27.51)
OKLab oklab(0.5745, -0.0037, -0.0314)
Accessibility (WCAG 2.1)
Aa
On White
4.38:1
Large Only
Aa
On Black
4.79:1
AA Pass
Aa
White on Color
4.38:1
Large Only
Aa
Black on Color
4.79:1
AA Pass
19.0%
Relative Luminance
0.1895
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
#8C816E
Complementary
of Slate Gray
#726E8C
Analogous
of Slate Gray
#6E878C
Analogous
of Slate Gray
#98A0AE
Lighter Tint
of Slate Gray
#C3C8D0
Lighter Tint
of Slate Gray
#EEEFF2
Lighter Tint
of Slate Gray
#4C5461
Darker Shade
of Slate Gray
#2B2F36
Darker Shade
of Slate Gray
#0B0C0E
Darker Shade
of Slate Gray
Slate Gray
Named Color
Discover the Hue
#818A9B
Light Slate Gray
6.0% Gray
Web Formats
HEX #818A9B
RGB 129,138,155
HSL hsl(219, 12%, 56%)
HWB hwb(219, 51%, 39%)
Print & Design
CMYK cmyk(17%, 11%, 0%, 39%)
HSV hsv(219, 17%, 61%)
Perceptual (Color Science)
LAB lab(57.28, 0.42, -10.14)
LCH lch(57.28, 10.15, 272.4°)
XYZ xyz(24.06, 25.21, 34.6)
OKLab oklab(0.6318, -0.0032, -0.0275)
Accessibility (WCAG 2.1)
Aa
On White
3.48:1
Large Only
Aa
On Black
6.04:1
AA Pass
Aa
White on Color
3.48:1
Large Only
Aa
Black on Color
6.04:1
AA Pass
25.2%
Relative Luminance
0.2521
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.

Color Relationships & Derivatives
#9C9381
Complementary
of Light Slate Gray
#85819C
Analogous
of Light Slate Gray
#81989C
Analogous
of Light Slate Gray
#ACB2BE
Lighter Tint
of Light Slate Gray
#D7DAE0
Lighter Tint
of Light Slate Gray
#F1F2F4
Lighter Tint
of Light Slate Gray
#5C6575
Darker Shade
of Light Slate Gray
#3A404A
Darker Shade
of Light Slate Gray
#191B1F
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#949FAD
Dark Gray
5.9% Gray
Web Formats
HEX #949FAD
RGB 148,159,173
HSL hsl(214, 13%, 63%)
HWB hwb(214, 58%, 32%)
Print & Design
CMYK cmyk(14%, 8%, 0%, 32%)
HSV hsv(214, 14%, 68%)
Perceptual (Color Science)
LAB lab(65.05, -0.96, -8.59)
LCH lch(65.05, 8.64, 263.6°)
XYZ xyz(32.15, 34.11, 44.42)
OKLab oklab(0.6983, -0.0065, -0.0232)
Accessibility (WCAG 2.1)
Aa
On White
2.68:1
Fail
Aa
On Black
7.82:1
AAA Pass
Aa
White on Color
2.68:1
Fail
Aa
Black on Color
7.82:1
AAA Pass
34.1%
Relative Luminance
0.3411
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.

Color Relationships & Derivatives
#ADA294
Complementary
of Dark Gray
#9694AD
Analogous
of Dark Gray
#94ABAD
Analogous
of Dark Gray
#C0C6CE
Lighter Tint
of Dark Gray
#EBEDEF
Lighter Tint
of Dark Gray
#F1F2F4
Lighter Tint
of Dark Gray
#6A788A
Darker Shade
of Dark Gray
#49535F
Darker Shade
of Dark Gray
#282D34
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#1F1E20
Black
4.7% Black
Web Formats
HEX #1F1E20
RGB 31,30,32
HSL hsl(270, 3%, 12%)
HWB hwb(270, 12%, 87%)
Print & Design
CMYK cmyk(3%, 6%, 0%, 87%)
HSV hsv(270, 6%, 13%)
Perceptual (Color Science)
LAB lab(11.44, 0.98, -1.2)
LCH lch(11.44, 1.54, 309.3°)
XYZ xyz(1.29, 1.32, 1.55)
OKLab oklab(0.2369, 0.0025, -0.0032)
Accessibility (WCAG 2.1)
Aa
On White
16.60:1
AAA Pass
Aa
On Black
1.26:1
Fail
Aa
White on Color
16.60:1
AAA Pass
Aa
Black on Color
1.26:1
Fail
1.3%
Relative Luminance
0.0132
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
#1F201E
Complementary
of Black
#201E20
Analogous
of Black
#1E1E20
Analogous
of Black
#454347
Lighter Tint
of Black
#6B686E
Lighter Tint
of Black
#918E95
Lighter Tint
of Black
#0D0C0D
Darker Shade
of Black
#0D0C0D
Darker Shade
of Black
#0D0C0D
Darker Shade
of Black
Black
Named Color
Discover the Hue
#302F35
Dark Slate Gray
3.5% Gray
Web Formats
HEX #302F35
RGB 48,47,53
HSL hsl(250, 6%, 20%)
HWB hwb(250, 18%, 79%)
Print & Design
CMYK cmyk(9%, 11%, 0%, 79%)
HSV hsv(250, 11%, 21%)
Perceptual (Color Science)
LAB lab(19.71, 1.9, -3.66)
LCH lch(19.71, 4.13, 297.4°)
XYZ xyz(2.88, 2.92, 3.78)
OKLab oklab(0.3086, 0.0043, -0.0098)
Accessibility (WCAG 2.1)
Aa
On White
13.26:1
AAA Pass
Aa
On Black
1.58:1
Fail
Aa
White on Color
13.26: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.

Color Relationships & Derivatives
#353630
Complementary
of Dark Slate Gray
#343036
Analogous
of Dark Slate Gray
#303236
Analogous
of Dark Slate Gray
#56545F
Lighter Tint
of Dark Slate Gray
#7A7887
Lighter Tint
of Dark Slate Gray
#A2A0AB
Lighter Tint
of Dark Slate Gray
#0C0C0E
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

This palette originates from QUAD studio's acclaimed work "Chengdu NBD Centre".

QUAD studio

About QUAD studio

QUAD studio

QUAD studio is an acclaimed 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.

Explore QUAD studio's Palettes View QUAD studio's Profile
Platinum A' Architecture, Building and Structure Design Award 2022

About the Award

Platinum A' Architecture, Building and Structure Design Award 2022

Chengdu NBD Centre was awarded with the Platinum A' Architecture, Building and Structure Design Award in 2022. 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 Platinum status represents notable design quality as judged by the review committee.

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.
Learn More About A' Architecture, Building and Structure Design Award View at A' Design Award

More Palettes from Chengdu NBD Centre

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

Chengdu NBD Centre - View 2
AAB3C4
8C99B0
758196
C3C9D4
656E80
0F1912
9AA5B9
E1E2E7
Chengdu NBD Centre • View 2
Chengdu NBD Centre - View 3
B8B4B2
4B4E43
394035
979AA6
C7C4C6
131817
464D5E
5A6173
Chengdu NBD Centre • View 3
Chengdu NBD Centre - View 4
313740
5E7282
4D5F6E
474F52
7A858E
656965
E5F4FC
292B27
Chengdu NBD Centre • View 4
Chengdu NBD Centre - View 5
4C62AC
49558D
303560
3E4576
5F679B
2C2842
807CAA
6E5681
Chengdu NBD Centre • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Megalopolis X
E1E8F1
3B4B5E
4A5E76
9DB0D7
2A3742
5C718F
818592
121F35
Megalopolis X
948,693 ID#98037
Light Portal
465860
37484D
576C78
162024
698191
919797
2C3B3D
A6ABA9
Light Portal
116,021 ID#98036
Fuma
4482D7
2969CA
639CE3
82B3ED
44423C
1A58BF
B9BAC0
575448
Fuma
379,493 ID#164807
Golden Key Venue
3A3120
B9D3EA
834A33
464C21
1C1E14
59636F
424549
697786
Golden Key Venue
627,822 ID#168626
Cosmic Creek
2D3022
C8D9E0
434531
415B66
6C6350
5A7681
57593D
6A713E
Cosmic Creek
353,174 ID#166726
Shenzhen Art Museum
7FB4EF
11243A
465A79
5C6883
9BC8F8
74A6E6
0B3259
B8D7FA
Shenzhen Art Museum
2,502,214 ID#156276
Stacked Crystal Form
73A8E2
B3B4B8
5A91D6
4B5B24
9DA1A9
262824
34411C
0F1015
Stacked Crystal Form
49,074 ID#170837
Xinhe Group HQ
A2B4D5
485C74
5A708C
B5C5E2
2C3837
475053
6C819F
1B2929
Xinhe Group HQ
57,247 ID#172347
Seongdong Smart Shelter
11100F
302318
513723
6C3C19
654E37
AE632E
D9924A
4D2B14
Seongdong Smart Shelter
370,696 ID#161636
Conch
726B5F
847D73
E2E2E1
59554E
969088
020306
C5C1BE
ABA7A1
Conch
519,619 ID#162196
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
China Overseas Yongding Jiuli
461,708 ID#162656
Datalense
0F0C08
282119
5D4D3E
43362A
6A6358
A1988D
867467
795A3E
Datalense
391,349 ID#162927