Lougang City Color Palette | Color Plates
Color Plates

Color Palette

Lougang City — CBD for Taihu

2D3C35
Copy As
HEX #2D3C35
RGB rgb(45,60,53)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
414E47
Copy As
HEX #414E47
RGB rgb(65,78,71)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
677574
Copy As
HEX #677574
RGB rgb(103,117,116)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
55625C
Copy As
HEX #55625C
RGB rgb(85,98,92)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
C4E1F3
Copy As
HEX #C4E1F3
RGB rgb(196,225,243)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
1F2B28
Copy As
HEX #1F2B28
RGB rgb(31,43,40)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
829395
Copy As
HEX #829395
RGB rgb(130,147,149)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
ADCBDE
Copy As
HEX #ADCBDE
RGB rgb(173,203,222)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
#2D3C35
#414E47
#677574
#55625C
#C4E1F3
#1F2B28
#829395
#ADCBDE
Lougang City

This palette was extracted from

Lougang City

Award-Winning CBD for Taihu

About the Design

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

About the Award-Winning CBD for Taihu Design: The project aims to design a new central business district for Huzhou. Its design is inspired and well integrated with local traditional ecological system. On the southern bank of taihu lake, The new internal lake provides quality waterfront public spaces. At the heart of the district, there are two pedestrian skywalks connecting the new railway station, the skyscraper and the exhibition park, while separating the vehicular traffic from pedestrians. The new urban environment is harmonized with nature, creating a balance between the urban developments and its landscape.

This palette has a calming feel, evoking serenity and focus.

View at A' Design Award

Lougang City, the design behind this palette, was designed by gad.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#2D3C35
Dark Slate Gray
16.2% Gray
Web Formats
HEX #2D3C35
RGB 45,60,53
HSL hsl(152, 14%, 21%)
HWB hwb(152, 18%, 76%)
Print & Design
CMYK cmyk(25%, 0%, 12%, 76%)
HSV hsv(152, 25%, 24%)
Perceptual (Color Science)
LAB lab(23.82, -7.88, 2.33)
LCH lch(23.82, 8.22, 163.5°)
XYZ xyz(3.34, 4.05, 3.97)
OKLab oklab(0.3404, -0.0223, 0.006)
Accessibility (WCAG 2.1)
Aa
On White
11.61:1
AAA Pass
Aa
On Black
1.81:1
Fail
Aa
White on Color
11.61:1
AAA Pass
Aa
Black on Color
1.81:1
Fail
4.1%
Relative Luminance
0.0405
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
#3D2E35
Complementary
of Dark Slate Gray
#2E3D3D
Analogous
of Dark Slate Gray
#2E3D2F
Analogous
of Dark Slate Gray
#4F695D
Lighter Tint
of Dark Slate Gray
#719483
Lighter Tint
of Dark Slate Gray
#9CB4A9
Lighter Tint
of Dark Slate Gray
#0D110F
Darker Shade
of Dark Slate Gray
#0B0F0D
Darker Shade
of Dark Slate Gray
#0B0F0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#414E47
Dark Slate Gray
13.9% Gray
Web Formats
HEX #414E47
RGB 65,78,71
HSL hsl(148, 9%, 28%)
HWB hwb(148, 25%, 69%)
Print & Design
CMYK cmyk(17%, 0%, 9%, 69%)
HSV hsv(148, 17%, 31%)
Perceptual (Color Science)
LAB lab(31.87, -6.79, 2.42)
LCH lch(31.87, 7.21, 160.4°)
XYZ xyz(6.04, 7.03, 7)
OKLab oklab(0.4102, -0.0192, 0.0063)
Accessibility (WCAG 2.1)
Aa
On White
8.73:1
AAA Pass
Aa
On Black
2.41:1
Fail
Aa
White on Color
8.73:1
AAA Pass
Aa
Black on Color
2.41:1
Fail
7.0%
Relative Luminance
0.0703
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
#4E4148
Complementary
of Dark Slate Gray
#414E4D
Analogous
of Dark Slate Gray
#414E41
Analogous
of Dark Slate Gray
#64786D
Lighter Tint
of Dark Slate Gray
#8A9E93
Lighter Tint
of Dark Slate Gray
#B4C0BA
Lighter Tint
of Dark Slate Gray
#1E2421
Darker Shade
of Dark Slate Gray
#0C0E0D
Darker Shade
of Dark Slate Gray
#0C0E0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#677574
Dim Gray
13.3% Gray
Web Formats
HEX #677574
RGB 103,117,116
HSL hsl(176, 6%, 43%)
HWB hwb(176, 40%, 54%)
Print & Design
CMYK cmyk(12%, 0%, 1%, 54%)
HSV hsv(176, 12%, 46%)
Perceptual (Color Science)
LAB lab(48.09, -5.42, -1.22)
LCH lch(48.09, 5.55, 192.7°)
XYZ xyz(15.11, 16.87, 18.98)
OKLab oklab(0.5505, -0.0165, -0.0033)
Accessibility (WCAG 2.1)
Aa
On White
4.80:1
AA Pass
Aa
On Black
4.37:1
Large Only
Aa
White on Color
4.80:1
AA Pass
Aa
Black on Color
4.37:1
Large Only
16.9%
Relative Luminance
0.1687
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
#746768
Complementary
of Dim Gray
#676F74
Analogous
of Dim Gray
#67746D
Analogous
of Dim Gray
#8D9A99
Lighter Tint
of Dim Gray
#B6BEBE
Lighter Tint
of Dim Gray
#DFE2E2
Lighter Tint
of Dim Gray
#434C4B
Darker Shade
of Dim Gray
#1F2323
Darker Shade
of Dim Gray
#0C0E0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#55625C
Dim Gray
13.3% Gray
Web Formats
HEX #55625C
RGB 85,98,92
HSL hsl(152, 7%, 36%)
HWB hwb(152, 33%, 62%)
Print & Design
CMYK cmyk(13%, 0%, 6%, 62%)
HSV hsv(152, 13%, 38%)
Perceptual (Color Science)
LAB lab(40.31, -6.32, 1.73)
LCH lch(40.31, 6.55, 164.7°)
XYZ xyz(10.05, 11.44, 11.8)
OKLab oklab(0.4831, -0.0181, 0.0045)
Accessibility (WCAG 2.1)
Aa
On White
6.39:1
AA Pass
Aa
On Black
3.29:1
Large Only
Aa
White on Color
6.39:1
AA Pass
Aa
Black on Color
3.29:1
Large Only
11.4%
Relative Luminance
0.1144
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
#62555B
Complementary
of Dim Gray
#556262
Analogous
of Dim Gray
#556256
Analogous
of Dim Gray
#798B83
Lighter Tint
of Dim Gray
#A2AEA9
Lighter Tint
of Dim Gray
#CBD2CF
Lighter Tint
of Dim Gray
#323936
Darker Shade
of Dim Gray
#0E100F
Darker Shade
of Dim Gray
#0C0E0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#C4E1F3
Powder Blue
12.1% Blue
Web Formats
HEX #C4E1F3
RGB 196,225,243
HSL hsl(203, 66%, 86%)
HWB hwb(203, 77%, 5%)
Print & Design
CMYK cmyk(19%, 7%, 0%, 5%)
HSV hsv(203, 19%, 95%)
Perceptual (Color Science)
LAB lab(88, -5.8, -11.95)
LCH lch(88, 13.28, 244.1°)
XYZ xyz(65.86, 72.06, 95.21)
OKLab oklab(0.8942, -0.0226, -0.0324)
Accessibility (WCAG 2.1)
Aa
On White
1.36:1
Fail
Aa
On Black
15.41:1
AAA Pass
Aa
White on Color
1.36:1
Fail
Aa
Black on Color
15.41:1
AAA Pass
72.1%
Relative Luminance
0.7206
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.

Color Relationships & Derivatives
#F3D6C4
Complementary
of Powder Blue
#C4C9F3
Analogous
of Powder Blue
#C4F3ED
Analogous
of Powder Blue
#EAF4FB
Lighter Tint
of Powder Blue
#EAF4FB
Lighter Tint
of Powder Blue
#EAF4FB
Lighter Tint
of Powder Blue
#84C0E6
Darker Shade
of Powder Blue
#45A0D9
Darker Shade
of Powder Blue
#2479AE
Darker Shade
of Powder Blue
Powder Blue
Named Color
Discover the Hue
#1F2B28
Dark Slate Gray
12.0% Gray
Web Formats
HEX #1F2B28
RGB 31,43,40
HSL hsl(165, 16%, 15%)
HWB hwb(165, 12%, 83%)
Print & Design
CMYK cmyk(28%, 0%, 7%, 83%)
HSV hsv(165, 28%, 17%)
Perceptual (Color Science)
LAB lab(16.37, -5.94, 0.27)
LCH lch(16.37, 5.95, 177.4°)
XYZ xyz(1.81, 2.17, 2.33)
OKLab oklab(0.2768, -0.0174, 0.0006)
Accessibility (WCAG 2.1)
Aa
On White
14.64:1
AAA Pass
Aa
On Black
1.43:1
Fail
Aa
White on Color
14.64:1
AAA Pass
Aa
Black on Color
1.43:1
Fail
2.2%
Relative Luminance
0.0217
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
#2C2023
Complementary
of Dark Slate Gray
#20292C
Analogous
of Dark Slate Gray
#202C23
Analogous
of Dark Slate Gray
#405953
Lighter Tint
of Dark Slate Gray
#60857C
Lighter Tint
of Dark Slate Gray
#89A9A1
Lighter Tint
of Dark Slate Gray
#0B0F0E
Darker Shade
of Dark Slate Gray
#0B0F0E
Darker Shade
of Dark Slate Gray
#0B0F0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#829395
Light Slate Gray
9.9% Gray
Web Formats
HEX #829395
RGB 130,147,149
HSL hsl(186, 8%, 55%)
HWB hwb(186, 51%, 42%)
Print & Design
CMYK cmyk(13%, 1%, 0%, 42%)
HSV hsv(186, 13%, 58%)
Perceptual (Color Science)
LAB lab(59.69, -5.63, -3.12)
LCH lch(59.69, 6.43, 209°)
XYZ xyz(25.06, 27.78, 32.47)
OKLab oklab(0.6504, -0.0179, -0.0084)
Accessibility (WCAG 2.1)
Aa
On White
3.20:1
Large Only
Aa
On Black
6.56:1
AA Pass
Aa
White on Color
3.20:1
Large Only
Aa
Black on Color
6.56:1
AA Pass
27.8%
Relative Luminance
0.2778
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
#958583
Complementary
of Light Slate Gray
#838A95
Analogous
of Light Slate Gray
#83958E
Analogous
of Light Slate Gray
#ACB7B9
Lighter Tint
of Light Slate Gray
#D6DBDC
Lighter Tint
of Light Slate Gray
#F1F3F3
Lighter Tint
of Light Slate Gray
#5E6D6E
Darker Shade
of Light Slate Gray
#3B4445
Darker Shade
of Light Slate Gray
#171B1C
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#ADCBDE
Light Steel Blue
9.3% Blue
Web Formats
HEX #ADCBDE
RGB 173,203,222
HSL hsl(203, 43%, 77%)
HWB hwb(203, 68%, 13%)
Print & Design
CMYK cmyk(22%, 9%, 0%, 13%)
HSV hsv(203, 22%, 87%)
Perceptual (Color Science)
LAB lab(80.11, -5.91, -12.75)
LCH lch(80.11, 14.05, 245.1°)
XYZ xyz(51.77, 56.87, 77.34)
OKLab oklab(0.8261, -0.0235, -0.0346)
Accessibility (WCAG 2.1)
Aa
On White
1.70:1
Fail
Aa
On Black
12.37:1
AAA Pass
Aa
White on Color
1.70:1
Fail
Aa
Black on Color
12.37:1
AAA Pass
56.9%
Relative Luminance
0.5687
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
#DEBEAB
Complementary
of Light Steel Blue
#ABB1DE
Analogous
of Light Steel Blue
#ABDED8
Analogous
of Light Steel Blue
#E2EDF3
Lighter Tint
of Light Steel Blue
#EDF4F8
Lighter Tint
of Light Steel Blue
#EDF4F8
Lighter Tint
of Light Steel Blue
#74A8C8
Darker Shade
of Light Steel Blue
#4484AB
Darker Shade
of Light Steel Blue
#2F5A75
Darker Shade
of Light Steel Blue
Light Steel Blue
Named Color
Discover the Hue

This color palette was derived from gad's acclaimed work "Lougang City".

About gad

gad

gad is an acclaimed enterprise celebrated by the A' Design Award. Their designs showcases excellence in product design.

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

Explore gad's Palettes View gad's Profile
Platinum A' Urban Planning and Urban Design Award 2020

About the Award

Platinum A' Urban Planning and Urban Design Award 2020

Lougang City received recognition with the Platinum A' Urban Planning and Urban Design Award in 2020. The A' Design Award is one of the world's most recognized design accolade that celebrates remarkable design achievement. Winning entries are identified through careful assessment by an expert jury with diverse expertise in design. The Platinum status represents notable design quality as judged by the review committee.

A' Urban Planning and Urban Design Award

Celebrate the transformative impact of well-conceived urban environments and the visionary planning behind them. The urban planning award category highlights sustainable development, innovative public spaces, and the enhancement of social connectivity within cities.

Recognizes: Masterplans, Zoning Proposals, Infrastructure Designs, Landscape Blueprints, Public Space Concepts, Urban Renewal Projects, Transit Oriented Developments, Sustainable City Designs and More.
Learn More About A' Urban Planning and Urban Design Award View at A' Design Award

More Palettes from Lougang City

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

Lougang City - View 2
305A73
264A65
88B6DD
242F38
6EA5D3
A0C6E2
416C87
788B9A
Lougang City • View 2
Lougang City - View 3
D0D2DC
7F90AB
E3E2E7
B3B9C9
AAA4A9
443D19
817671
928A8A
Lougang City • View 3
Lougang City - View 4
4C4B4B
5A5E61
403A37
727678
352F31
868B8D
9B9FA3
ADB3B9
Lougang City • View 4
Lougang City - View 5
1D1C11
342E19
493C22
323B46
24292C
5B4B37
424E5D
785C34
Lougang City • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Urban Re-Public
2C494C
223C3F
676D38
3E5959
EAEDF6
4E542E
627681
CDD0DF
Urban Re-Public
48,634 ID#159473
Yan'an Tourist Service Center
7E9EC7
383D3E
262C2B
50575B
4D4E4A
8BA7CC
6B685F
687483
Yan'an Tourist Service Center
142,868 ID#156432
Future Headquarters Community
2C3A40
5B6A70
1C2930
49565A
6B7E86
758E9E
7EA1BB
3B4850
Future Headquarters Community
24,267 ID#137523
The Northern River Terminal
25417A
304C85
374366
3D2921
573B2A
9C6946
251610
1A3368
The Northern River Terminal
26,159 ID#111513
Fujian Countryside
413A1E
292616
5D5227
7D6E4F
655C43
77682E
9F8E6D
97804E
Fujian Countryside
13,288 ID#92863
160X 6 Pro
53B3C8
E8DBD6
E4C6B7
F0EDF0
EE9C66
E67942
CBC680
D0AA95
160X 6 Pro
833,311 ID#162482
T6 Intelligent
969799
AFAFB2
A2A2A5
D1D1D3
E4E5E6
C0C0C2
787A7E
616366
T6 Intelligent
871,483 ID#162893
Nong Li
69676A
39393A
504F51
252425
848285
111111
DBDAD9
5C5B5E
Nong Li
3,245,104 ID#163373
Xijiu Matured Liquor
402619
5E402E
78543E
291810
8F6841
120805
EFCB8E
AB7F50
Xijiu Matured Liquor
931,844 ID#163642
FOODres
F1F1F2
D0CBC6
DCC4A8
474D3B
BDB8B3
E7D8C0
606548
92A453
FOODres
973,876 ID#163663
Hoverpen Interstellar
ECF0F5
5D6A88
354058
485571
171C26
273147
838EA5
C6CDDA
Hoverpen Interstellar
657,933 ID#163853
Flow 360
E4E4E4
C8C8CA
A3A2A5
808084
B5B5B7
6D6D72
D5D5D6
929195
Flow 360
707,618 ID#164182