Urban Clouds Palette | Color Plate
Color Plate

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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.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 warmth and vitality.

View at A' Design Award

Urban Clouds, the design behind this palette, 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

This palette was extracted from Ya-Yuan Design, Shanghefa Development's recognized creation "Urban Clouds".

About Ya-Yuan Design, Shanghefa Development

Ya-Yuan Design, Shanghefa Development

Ya-Yuan Design, Shanghefa Development is a celebrated agency cooperation celebrated by the A' Design Award. Their designs showcases excellence in product design.

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 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 signifies significant creative merit as evaluated by the evaluation panel.

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.

MRC Vison
026FB8
536224
137EC0
328CC6
529FCE
795E4B
45581C
8D441E
MRC Vison
3,468,081 ID#151645
Dongtou Passenger Port
1B1F29
293242
282911
131314
3D3D20
394659
706D69
ABB0B9
Dongtou Passenger Port
68,085 ID#172054
Yokohama Chigasakihigashi
2D3F54
1E2D3D
05080D
111C28
99C1E7
7FB0DB
034172
2A2113
Yokohama Chigasakihigashi
90,058 ID#164194
Jenga
2F3537
AAC1DD
C4D4E8
474E54
63676A
192122
87919B
747A7E
Jenga
150,451 ID#160775
Woyun Platform
E0EFFC
88A6CD
99B8DE
A2A5AD
8E9096
7C96BA
B3B6BD
5D6A7D
Woyun Platform
88,081 ID#159064
Shenzhen Book Mall
2F3F4B
202C31
96A8B3
596D7B
455661
8193A0
45503B
121C16
Shenzhen Book Mall
71,821 ID#156194
Almana
442D32
613231
4D454D
312428
6F555D
9B6B67
915344
7F4237
Almana
87,713 ID#152335
Amazon
7EA3D5
6F95C8
9ABAE0
0B0F21
0C040A
25324E
5E2937
B9CFEA
Amazon
16,045 ID#170514
Birch
AEB2BB
CDD1D8
E9EBEE
BFC3CB
9B9EA6
848891
5E616B
494C54
Birch
1,281,359 ID#163625
Wen Shan Hai
1F1610
3A291C
503A28
0C0705
6D573C
1F2A24
6F3F2E
594B37
Wen Shan Hai
798,847 ID#164834
Tickless Mini
634D40
483932
342822
7B6457
8F7769
D2C8BD
A48D7D
C4B5A7
Tickless Mini
1,085,282 ID#167364
Cali
5A9ABD
EDEEEE
0F5548
99C5DA
51A9D2
68A9CB
119186
C6C7D2
Cali
699,672 ID#167935