Discover the Colors of Urban Clouds | Color Chips
Color Chips

Color Palette

Urban Clouds — Congregate Housing

C9CBCF
Copy As
HEX #C9CBCF
RGB rgb(201,203,207)
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
686766
Copy As
HEX #686766
RGB rgb(104,103,102)
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
868686
Copy As
HEX #868686
RGB rgb(134,134,134)
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
DDDDE0
Copy As
HEX #DDDDE0
RGB rgb(221,221,224)
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
777675
Copy As
HEX #777675
RGB rgb(119,118,117)
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
4D5044
Copy As
HEX #4D5044
RGB rgb(77,80,68)
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
2D3124
Copy As
HEX #2D3124
RGB rgb(45,49,36)
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
3C4232
Copy As
HEX #3C4232
RGB rgb(60,66,50)
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
#C9CBCF
#686766
#868686
#DDDDE0
#777675
#4D5044
#2D3124
#3C4232
Urban Clouds

This palette was extracted from

Urban Clouds

Award-Winning Congregate Housing

About the Design

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

About the Award-Winning Congregate Housing Design: The lattice design on the top floor allows light and shadow to flow freely, creating a dynamic, ever-changing facade. This design ensures the building captures multiple captivating faces throughout the day and night. With the sky and greenery as a backdrop, the structure seamlessly integrates with its environment. Thoughtfully designed lighting enhances both the exterior grandeur and interior warmth, offering a serene atmosphere. This tranquil haven, set amidst the city, becomes a space for relaxation, elegance, and emotional release.

This palette has a warming feel, creating comfort and energy.

View at A' Design Award

Urban Clouds, where these colors originate, was designed by Ya-Yuan Design, Shanghefa Development.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#C9CBCF
Light Gray
20.0% Gray
Web Formats
HEX #C9CBCF
RGB 201,203,207
HSL hsl(220, 6%, 80%)
HWB hwb(220, 79%, 19%)
Print & Design
CMYK cmyk(3%, 2%, 0%, 19%)
HSV hsv(220, 3%, 81%)
Perceptual (Color Science)
LAB lab(81.64, 0.06, -2.23)
LCH lch(81.64, 2.23, 271.5°)
XYZ xyz(56.7, 59.63, 67.54)
OKLab oklab(0.8417, -0.0006, -0.0059)
Accessibility (WCAG 2.1)
Aa
On White
1.62:1
Fail
Aa
On Black
12.93:1
AAA Pass
Aa
White on Color
1.62:1
Fail
Aa
Black on Color
12.93:1
AAA Pass
59.6%
Relative Luminance
0.5963
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
#CFCDC9
Complementary
of Light Gray
#CAC9CF
Analogous
of Light Gray
#C9CECF
Analogous
of Light Gray
#F1F2F3
Lighter Tint
of Light Gray
#F1F2F3
Lighter Tint
of Light Gray
#F1F2F3
Lighter Tint
of Light Gray
#A0A4AB
Darker Shade
of Light Gray
#787D87
Darker Shade
of Light Gray
#54575F
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#686766
Dim Gray
18.2% Gray
Web Formats
HEX #686766
RGB 104,103,102
HSL hsl(30, 1%, 40%)
HWB hwb(30, 40%, 59%)
Print & Design
CMYK cmyk(0%, 1%, 2%, 59%)
HSV hsv(30, 2%, 41%)
Perceptual (Color Science)
LAB lab(43.66, 0.19, 0.7)
LCH lch(43.66, 0.72, 75.2°)
XYZ xyz(12.96, 13.6, 14.51)
OKLab oklab(0.5144, 0.0008, 0.0019)
Accessibility (WCAG 2.1)
Aa
On White
5.64:1
AA Pass
Aa
On Black
3.72:1
Large Only
Aa
White on Color
5.64:1
AA Pass
Aa
Black on Color
3.72:1
Large Only
13.6%
Relative Luminance
0.1360
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
#656667
Complementary
of Dim Gray
#676765
Analogous
of Dim Gray
#676565
Analogous
of Dim Gray
#8D8C8B
Lighter Tint
of Dim Gray
#B3B3B2
Lighter Tint
of Dim Gray
#D9D9D8
Lighter Tint
of Dim Gray
#40403F
Darker Shade
of Dim Gray
#1A1A19
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#868686
Gray
14.0% Gray
Web Formats
HEX #868686
RGB 134,134,134
HSL hsl(0, 0%, 53%)
HWB hwb(0, 53%, 47%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 47%)
HSV hsv(0, 0%, 53%)
Perceptual (Color Science)
LAB lab(55.93, -0, 0)
LCH lch(55.93, 0, 158.2°)
XYZ xyz(22.66, 23.84, 25.96)
OKLab oklab(0.6201, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
3.64:1
Large Only
Aa
On Black
5.77:1
AA Pass
Aa
White on Color
3.64:1
Large Only
Aa
Black on Color
5.77:1
AA Pass
23.8%
Relative Luminance
0.2384
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
#878787
Complementary
of Gray
#878787
Analogous
of Gray
#878787
Analogous
of Gray
#ADADAD
Lighter Tint
of Gray
#D4D4D4
Lighter Tint
of Gray
#F2F2F2
Lighter Tint
of Gray
#616161
Darker Shade
of Gray
#3B3B3B
Darker Shade
of Gray
#141414
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#DDDDE0
Gainsboro
12.6% Gray
Web Formats
HEX #DDDDE0
RGB 221,221,224
HSL hsl(240, 5%, 87%)
HWB hwb(240, 87%, 12%)
Print & Design
CMYK cmyk(1%, 1%, 0%, 12%)
HSV hsv(240, 1%, 88%)
Perceptual (Color Science)
LAB lab(88.19, 0.54, -1.47)
LCH lch(88.19, 1.56, 290.3°)
XYZ xyz(69.13, 72.47, 80.85)
OKLab oklab(0.8984, 0.0011, -0.0039)
Accessibility (WCAG 2.1)
Aa
On White
1.36:1
Fail
Aa
On Black
15.49:1
AAA Pass
Aa
White on Color
1.36:1
Fail
Aa
Black on Color
15.49:1
AAA Pass
72.5%
Relative Luminance
0.7247
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
#E0E0DC
Complementary
of Gainsboro
#DEDCE0
Analogous
of Gainsboro
#DCDEE0
Analogous
of Gainsboro
#F2F2F3
Lighter Tint
of Gainsboro
#F2F2F3
Lighter Tint
of Gainsboro
#F2F2F3
Lighter Tint
of Gainsboro
#B4B4BB
Darker Shade
of Gainsboro
#8C8C97
Darker Shade
of Gainsboro
#666670
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#777675
Gray
11.6% Gray
Web Formats
HEX #777675
RGB 119,118,117
HSL hsl(30, 1%, 46%)
HWB hwb(30, 46%, 53%)
Print & Design
CMYK cmyk(0%, 1%, 2%, 53%)
HSV hsv(30, 2%, 47%)
Perceptual (Color Science)
LAB lab(49.69, 0.18, 0.68)
LCH lch(49.69, 0.71, 75.2°)
XYZ xyz(17.3, 18.16, 19.42)
OKLab oklab(0.5664, 0.0007, 0.0018)
Accessibility (WCAG 2.1)
Aa
On White
4.53:1
AA Pass
Aa
On Black
4.63:1
AA Pass
Aa
White on Color
4.53:1
AA Pass
Aa
Black on Color
4.63:1
AA Pass
18.2%
Relative Luminance
0.1816
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
#747576
Complementary
of Gray
#767674
Analogous
of Gray
#767474
Analogous
of Gray
#9D9C9B
Lighter Tint
of Gray
#C2C2C1
Lighter Tint
of Gray
#E8E8E8
Lighter Tint
of Gray
#504F4E
Darker Shade
of Gray
#292928
Darker Shade
of Gray
#0D0D0D
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#4D5044
Dark Slate Gray
10.8% Gray
Web Formats
HEX #4D5044
RGB 77,80,68
HSL hsl(75, 8%, 29%)
HWB hwb(75, 27%, 69%)
Print & Design
CMYK cmyk(4%, 0%, 15%, 69%)
HSV hsv(75, 15%, 31%)
Perceptual (Color Science)
LAB lab(33.42, -3.71, 6.67)
LCH lch(33.42, 7.63, 119.1°)
XYZ xyz(6.97, 7.73, 6.59)
OKLab oklab(0.4247, -0.0094, 0.0173)
Accessibility (WCAG 2.1)
Aa
On White
8.25:1
AAA Pass
Aa
On Black
2.55:1
Fail
Aa
White on Color
8.25:1
AAA Pass
Aa
Black on Color
2.55:1
Fail
7.7%
Relative Luminance
0.0773
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
#474450
Complementary
of Dark Slate Gray
#475044
Analogous
of Dark Slate Gray
#504D44
Analogous
of Dark Slate Gray
#757967
Lighter Tint
of Dark Slate Gray
#9B9F8E
Lighter Tint
of Dark Slate Gray
#BFC2B7
Lighter Tint
of Dark Slate Gray
#252721
Darker Shade
of Dark Slate Gray
#0D0E0C
Darker Shade
of Dark Slate Gray
#0D0E0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#2D3124
Dark Slate Gray
8.0% Gray
Web Formats
HEX #2D3124
RGB 45,49,36
HSL hsl(78, 15%, 17%)
HWB hwb(78, 14%, 81%)
Print & Design
CMYK cmyk(8%, 0%, 27%, 81%)
HSV hsv(78, 27%, 19%)
Perceptual (Color Science)
LAB lab(19.56, -4.62, 7.74)
LCH lch(19.56, 9.01, 120.8°)
XYZ xyz(2.5, 2.88, 2.09)
OKLab oklab(0.3049, -0.0122, 0.0197)
Accessibility (WCAG 2.1)
Aa
On White
13.32:1
AAA Pass
Aa
On Black
1.58:1
Fail
Aa
White on Color
13.32:1
AAA Pass
Aa
Black on Color
1.58:1
Fail
2.9%
Relative Luminance
0.0288
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
#292532
Complementary
of Dark Slate Gray
#273225
Analogous
of Dark Slate Gray
#322F25
Analogous
of Dark Slate Gray
#565E45
Lighter Tint
of Dark Slate Gray
#7F8A66
Lighter Tint
of Dark Slate Gray
#A4AD90
Lighter Tint
of Dark Slate Gray
#0E0F0B
Darker Shade
of Dark Slate Gray
#0E0F0B
Darker Shade
of Dark Slate Gray
#0E0F0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#3C4232
Dark Slate Gray
4.8% Gray
Web Formats
HEX #3C4232
RGB 60,66,50
HSL hsl(83, 14%, 23%)
HWB hwb(83, 20%, 74%)
Print & Design
CMYK cmyk(9%, 0%, 24%, 74%)
HSV hsv(83, 24%, 26%)
Perceptual (Color Science)
LAB lab(26.98, -5.91, 8.93)
LCH lch(26.98, 10.71, 123.5°)
XYZ xyz(4.39, 5.09, 3.77)
OKLab oklab(0.3684, -0.0156, 0.0228)
Accessibility (WCAG 2.1)
Aa
On White
10.41:1
AAA Pass
Aa
On Black
2.02:1
Fail
Aa
White on Color
10.41:1
AAA Pass
Aa
Black on Color
2.02:1
Fail
5.1%
Relative Luminance
0.0509
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
#393243
Complementary
of Dark Slate Gray
#344332
Analogous
of Dark Slate Gray
#434132
Analogous
of Dark Slate Gray
#646E53
Lighter Tint
of Dark Slate Gray
#8B9876
Lighter Tint
of Dark Slate Gray
#B0B9A2
Lighter Tint
of Dark Slate Gray
#151712
Darker Shade
of Dark Slate Gray
#0D0F0B
Darker Shade
of Dark Slate Gray
#0D0F0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue

These colors were identified within Ya-Yuan Design, Shanghefa Development's award-winning project "Urban Clouds".

About Ya-Yuan Design, Shanghefa Development

Ya-Yuan Design, Shanghefa Development

Ya-Yuan Design, Shanghefa Development is a distinguished agency cooperation recognized by the A' Design Award. Their creative vision demonstrates exceptional skill in creative development.

YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI

Discover more color palettes from Ya-Yuan Design, Shanghefa Development's award-winning work.

Explore Ya-Yuan Design, Shanghefa Development's Palettes View Ya-Yuan Design, Shanghefa Development's Profile
Golden A' Architecture, Building and Structure Design Award 2025

About the Award

Golden A' Architecture, Building and Structure Design Award 2025

Urban Clouds 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 comprising academics, professionals and press members. The Golden status indicates commendable design excellence as assessed by the judging body.

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 Urban Clouds

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

Urban Clouds - View 2
B2B6BB
9BA1AB
696A6F
525457
434645
918F8D
7B7C7D
C7C5C2
Urban Clouds • View 2
Urban Clouds - View 3
CDCFD0
B0B3B4
6A6B69
838686
999B9C
555655
BEC0C0
434240
Urban Clouds • View 3
Urban Clouds - View 4
54463B
67574B
382B21
1B1410
786A5E
8B7D70
9A8E82
AEA7A0
Urban Clouds • View 4
Urban Clouds - View 5
3F3F3D
1D1D1B
2D2D2A
0D0C0C
545451
66665E
87847F
797569
Urban Clouds • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

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