Curated Palette from NamKwong Diehu Center | Design Colors

Color Palette

NamKwong Diehu Center — Complex

5885B1
Copy As
HEX #5885B1
RGB rgb(88,133,177)
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
406EA1
Copy As
HEX #406EA1
RGB rgb(64,110,161)
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
7299BD
Copy As
HEX #7299BD
RGB rgb(114,153,189)
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
8AAAC8
Copy As
HEX #8AAAC8
RGB rgb(138,170,200)
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
2C5991
Copy As
HEX #2C5991
RGB rgb(44,89,145)
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
E2ECEC
Copy As
HEX #E2ECEC
RGB rgb(226,236,236)
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
F8FCF3
Copy As
HEX #F8FCF3
RGB rgb(248,252,243)
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
A5BED5
Copy As
HEX #A5BED5
RGB rgb(165,190,213)
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
#5885B1
#406EA1
#7299BD
#8AAAC8
#2C5991
#E2ECEC
#F8FCF3
#A5BED5
NamKwong Diehu Center

This palette was extracted from

NamKwong Diehu Center

Award-Winning Complex

About the Design

This design features Steel Blue, Cadet Blue, Dark Gray, Dark Slate Blue, Lavender, Mint Cream, and Light Steel Blue.

About the Award-Winning Complex Design: Located in the CBD area of the city, the project is next to Diehu Lake, the main landscape of the central axis. Taking advantage of the natural landscape of Diehu Lake, the twin towers are inspired by the form of a butterfly. With the objective of the backyard of Shanghai and Qidong Citizens' Leisure Circle, as well as a great healthy ideal community, the complex will become a healthy community featuring ecological residences with fitness parks. The project integrates a new lifestyle and opens a new chapter in Qidong with a butterfly form to express the inheritance of the times.

This palette has a cool feel, suggesting tranquility and clarity.

View at A' Design Award

NamKwong Diehu Center, where these colors originate, was designed by Peng Architects Inc..

Color Data for Professionals

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


Steel Blue
17.2% Blue
Web Formats
HEX #5885B1
RGB 88,133,177
HSL hsl(210, 36%, 52%)
HWB hwb(210, 35%, 31%)
Print & Design
CMYK cmyk(50%, 25%, 0%, 31%)
HSV hsv(210, 50%, 69%)
Perceptual (Color Science)
LAB lab(54.05, -2.85, -27.94)
LCH lch(54.05, 28.08, 264.2°)
XYZ xyz(20.35, 22.02, 44.77)
OKLab oklab(0.6023, -0.0302, -0.0781)
Accessibility (WCAG 2.1)
Aa
On White
3.89:1
Large Only
Aa
On Black
5.40:1
AA Pass
Aa
White on Color
3.89:1
Large Only
Aa
Black on Color
5.40:1
AA Pass
22.0%
Relative Luminance
0.2202
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.


Steel Blue
15.6% Blue
Web Formats
HEX #406EA1
RGB 64,110,161
HSL hsl(212, 43%, 44%)
HWB hwb(212, 25%, 37%)
Print & Design
CMYK cmyk(60%, 32%, 0%, 37%)
HSV hsv(212, 60%, 63%)
Perceptual (Color Science)
LAB lab(45.38, 0.26, -32.25)
LCH lch(45.38, 32.25, 270.5°)
XYZ xyz(14.12, 14.81, 35.83)
OKLab oklab(0.5286, -0.0291, -0.091)
Accessibility (WCAG 2.1)
Aa
On White
5.30:1
AA Pass
Aa
On Black
3.96:1
Large Only
Aa
White on Color
5.30:1
AA Pass
Aa
Black on Color
3.96:1
Large Only
14.8%
Relative Luminance
0.1482
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
13.6% Cyan
Web Formats
HEX #7299BD
RGB 114,153,189
HSL hsl(209, 36%, 59%)
HWB hwb(209, 45%, 26%)
Print & Design
CMYK cmyk(40%, 19%, 0%, 26%)
HSV hsv(209, 40%, 74%)
Perceptual (Color Science)
LAB lab(61.68, -4.08, -22.88)
LCH lch(61.68, 23.24, 259.9°)
XYZ xyz(27.51, 30.03, 52.48)
OKLab oklab(0.6678, -0.027, -0.0633)
Accessibility (WCAG 2.1)
Aa
On White
3.00:1
Large Only
Aa
On Black
7.01:1
AAA Pass
Aa
White on Color
3.00:1
Large Only
Aa
Black on Color
7.01:1
AAA Pass
30.0%
Relative Luminance
0.3003
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 Gray
13.4% Gray
Web Formats
HEX #8AAAC8
RGB 138,170,200
HSL hsl(209, 36%, 66%)
HWB hwb(209, 54%, 22%)
Print & Design
CMYK cmyk(31%, 15%, 0%, 22%)
HSV hsv(209, 31%, 78%)
Perceptual (Color Science)
LAB lab(68.26, -3.85, -18.85)
LCH lch(68.26, 19.24, 258.5°)
XYZ xyz(35.28, 38.32, 60.17)
OKLab oklab(0.7247, -0.022, -0.0517)
Accessibility (WCAG 2.1)
Aa
On White
2.42:1
Fail
Aa
On Black
8.66:1
AAA Pass
Aa
White on Color
2.42:1
Fail
Aa
Black on Color
8.66:1
AAA Pass
38.3%
Relative Luminance
0.3832
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 Blue
11.5% Purple
Web Formats
HEX #2C5991
RGB 44,89,145
HSL hsl(213, 53%, 37%)
HWB hwb(213, 17%, 43%)
Print & Design
CMYK cmyk(70%, 39%, 0%, 43%)
HSV hsv(213, 70%, 57%)
Perceptual (Color Science)
LAB lab(37.34, 3.9, -35.44)
LCH lch(37.34, 35.65, 276.3°)
XYZ xyz(9.72, 9.72, 28.15)
OKLab oklab(0.4606, -0.0268, -0.1008)
Accessibility (WCAG 2.1)
Aa
On White
7.13:1
AAA Pass
Aa
On Black
2.94:1
Fail
Aa
White on Color
7.13:1
AAA Pass
Aa
Black on Color
2.94:1
Fail
9.7%
Relative Luminance
0.0972
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.


Lavender
10.2% Purple
Web Formats
HEX #E2ECEC
RGB 226,236,236
HSL hsl(180, 21%, 91%)
HWB hwb(180, 89%, 7%)
Print & Design
CMYK cmyk(4%, 0%, 0%, 7%)
HSV hsv(180, 4%, 93%)
Perceptual (Color Science)
LAB lab(92.67, -3.31, -1.15)
LCH lch(92.67, 3.51, 199.2°)
XYZ xyz(76.5, 82.22, 91.18)
OKLab oklab(0.9356, -0.0102, -0.0031)
Accessibility (WCAG 2.1)
Aa
On White
1.20:1
Fail
Aa
On Black
17.44:1
AAA Pass
Aa
White on Color
1.20:1
Fail
Aa
Black on Color
17.44:1
AAA Pass
82.2%
Relative Luminance
0.8222
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.


Mint Cream
9.6% White
Web Formats
HEX #F8FCF3
RGB 248,252,243
HSL hsl(87, 60%, 97%)
HWB hwb(87, 95%, 1%)
Print & Design
CMYK cmyk(2%, 0%, 4%, 1%)
HSV hsv(87, 4%, 99%)
Perceptual (Color Science)
LAB lab(98.45, -2.89, 3.84)
LCH lch(98.45, 4.81, 126.9°)
XYZ xyz(89.7, 96.05, 98.59)
OKLab oklab(0.9856, -0.0074, 0.0101)
Accessibility (WCAG 2.1)
Aa
On White
1.04:1
Fail
Aa
On Black
20.21:1
AAA Pass
Aa
White on Color
1.04:1
Fail
Aa
Black on Color
20.21:1
AAA Pass
96.1%
Relative Luminance
0.9605
Very 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
8.9% Blue
Web Formats
HEX #A5BED5
RGB 165,190,213
HSL hsl(209, 36%, 74%)
HWB hwb(209, 65%, 16%)
Print & Design
CMYK cmyk(23%, 11%, 0%, 16%)
HSV hsv(209, 23%, 84%)
Perceptual (Color Science)
LAB lab(75.84, -3.48, -14.35)
LCH lch(75.84, 14.76, 256.4°)
XYZ xyz(45.94, 49.63, 70.1)
OKLab oklab(0.7903, -0.0173, -0.039)
Accessibility (WCAG 2.1)
Aa
On White
1.92:1
Fail
Aa
On Black
10.93:1
AAA Pass
Aa
White on Color
1.92:1
Fail
Aa
Black on Color
10.93:1
AAA Pass
49.6%
Relative Luminance
0.4963
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 Peng Architects Inc.'s acclaimed work "NamKwong Diehu Center".

About Peng Architects Inc.

Peng Architects Inc.

Peng Architects Inc. is a celebrated agency celebrated by the A' Design Award. Their designs showcases excellence in product design.

Peng Architects was founded in 2010, Chicago with offices in Shanghai, Taipei and Brunei, gathered various group of creative talent and profession, operating within design related architecture, planning, research and development. The office has involved numerous projects spread to North America, Asia, South Asia and Middle-East. We believe all matter are connected and against in the nature, and ultimately able to achieve a dynamic equilibrium exists. Similarly, the process of forming cities and buildings is subject to different external forces impact. These effects may vary with time and place and change, including economic, social, cultural, local climate, government, developers, or other aspects of the conditions and limitations. These forces need to complete analyzed, and not in a positive or negative to be treated. With its own characteristics play to achieve balanced integration of state and nature reflected, morphology and thus also generated (Phase from the heart). Face of the urban and architecture, should not be a single screening results, but complementary and diverse.

Discover more color palettes from Peng Architects Inc.'s award-winning work.

Golden A' Architecture, Building and Structure Design Award 2022

About the Award

Golden A' Architecture, Building and Structure Design Award 2022

NamKwong Diehu Center was awarded with the Golden 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 representing multiple disciplines. The Golden 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.

More Palettes from NamKwong Diehu Center

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

NamKwong Diehu Center - View 2
182833
0E1817
22394C
224867
556D8C
485467
3D381E
6783A6
NamKwong Diehu Center - View 3
201B17
3A302D
51423C
484760
0A0A0E
242432
69595A
70503D
NamKwong Diehu Center - View 4
2D2C31
544F41
423E33
6B634E
1E1C1F
6D6F78
595B65
8C9199
NamKwong Diehu Center - View 5
29271B
4D6581
5F7895
738BA4
D9DADB
A3AAB7
8A9BAE
415369

Discover More Color Palettes

Explore colors from more award-winning designs.

Doe O-Mega Urban Complex
616660
4E5244
3B402F
737976
272C1F
A2A09C
8A8C88
7A7B52
13,131 ID#127977
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
Cosmic Creek
2D3022
C8D9E0
434531
415B66
6C6350
5A7681
57593D
6A713E
664,733 ID#166726
Shenzhen Art Museum
7FB4EF
11243A
465A79
5C6883
9BC8F8
74A6E6
0B3259
B8D7FA
2,571,707 ID#156276
Stacked Crystal Form
73A8E2
B3B4B8
5A91D6
4B5B24
9DA1A9
262824
34411C
0F1015
64,288 ID#170837
Xinhe Group HQ
A2B4D5
485C74
5A708C
B5C5E2
2C3837
475053
6C819F
1B2929
71,969 ID#172347
Urban Symbiosis
80ACDB
486492
6179A0
3A5585
93C0E6
7A93B4
6C5B51
4A515D
72,401 ID#163837
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
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
845,054 ID#162656
Datalense
0F0C08
282119
5D4D3E
43362A
6A6358
A1988D
867467
795A3E
725,849 ID#162927