Curated Palette from ShuiFa Info Town | Color Plates
Color Plates

Color Palette

ShuiFa Info Town — Property Exhibition Centre

525E71
Copy As
HEX #525E71
RGB rgb(82,94,113)
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
697180
Copy As
HEX #697180
RGB rgb(105,113,128)
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
7D838F
Copy As
HEX #7D838F
RGB rgb(125,131,143)
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
90949D
Copy As
HEX #90949D
RGB rgb(144,148,157)
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
242F3D
Copy As
HEX #242F3D
RGB rgb(36,47,61)
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
3F4E63
Copy As
HEX #3F4E63
RGB rgb(63,78,99)
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
ABADB2
Copy As
HEX #ABADB2
RGB rgb(171,173,178)
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
0C1B1A
Copy As
HEX #0C1B1A
RGB rgb(12,27,26)
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
#525E71
#697180
#7D838F
#90949D
#242F3D
#3F4E63
#ABADB2
#0C1B1A
ShuiFa Info Town

This palette was extracted from

ShuiFa Info Town

Award-Winning Property Exhibition Centre

About the Design

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

About the Award-Winning Property Exhibition Centre Design: Shuifa's four "stones" arrangement design is inspired by Wang Wei's verse of “Rain passes in the pristine mountain, refreshing autumn evening. Moon shines among the pine, clear spring flows on stones”. The main structure is assembled out of white perforated panels, the density of the perforation of the plate gradually changes from top to bottom according to the function of the building interior. More transparency is given to display area, and less for office space. In general, this subtle gradual change in transparancy creates a pure cultural motifs.

This palette has a cool feel, evoking peaceful balance.

View at A' Design Award

ShuiFa Info Town, the source of these colors, was designed by Qun Wen.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#525E71
Dim Gray
30.5% Gray
Web Formats
HEX #525E71
RGB 82,94,113
HSL hsl(217, 16%, 38%)
HWB hwb(217, 32%, 56%)
Print & Design
CMYK cmyk(27%, 17%, 0%, 56%)
HSV hsv(217, 27%, 44%)
Perceptual (Color Science)
LAB lab(39.57, 0.12, -12.29)
LCH lch(39.57, 12.29, 270.5°)
XYZ xyz(10.46, 10.99, 17.19)
OKLab oklab(0.4789, -0.0062, -0.0336)
Accessibility (WCAG 2.1)
Aa
On White
6.57:1
AA Pass
Aa
On Black
3.20:1
Large Only
Aa
White on Color
6.57:1
AA Pass
Aa
Black on Color
3.20:1
Large Only
11.0%
Relative Luminance
0.1099
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
#706551
Complementary
of Dim Gray
#555170
Analogous
of Dim Gray
#516D70
Analogous
of Dim Gray
#74839A
Lighter Tint
of Dim Gray
#A0AABA
Lighter Tint
of Dim Gray
#CDD2DB
Lighter Tint
of Dim Gray
#313844
Darker Shade
of Dim Gray
#111418
Darker Shade
of Dim Gray
#0B0C0F
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#697180
Dim Gray
19.7% Gray
Web Formats
HEX #697180
RGB 105,113,128
HSL hsl(219, 10%, 46%)
HWB hwb(219, 41%, 50%)
Print & Design
CMYK cmyk(18%, 12%, 0%, 50%)
HSV hsv(219, 18%, 50%)
Perceptual (Color Science)
LAB lab(47.46, 0.38, -9.28)
LCH lch(47.46, 9.28, 272.4°)
XYZ xyz(15.63, 16.37, 22.75)
OKLab oklab(0.5471, -0.003, -0.0251)
Accessibility (WCAG 2.1)
Aa
On White
4.91:1
AA Pass
Aa
On Black
4.27:1
Large Only
Aa
White on Color
4.91:1
AA Pass
Aa
Black on Color
4.27:1
Large Only
16.4%
Relative Luminance
0.1637
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
#81796A
Complementary
of Dim Gray
#6D6A81
Analogous
of Dim Gray
#6A7E81
Analogous
of Dim Gray
#9299A5
Lighter Tint
of Dim Gray
#BCC0C8
Lighter Tint
of Dim Gray
#E6E7EA
Lighter Tint
of Dim Gray
#474D57
Darker Shade
of Dim Gray
#25282D
Darker Shade
of Dim Gray
#0B0C0E
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#7D838F
Light Slate Gray
14.1% Gray
Web Formats
HEX #7D838F
RGB 125,131,143
HSL hsl(220, 7%, 53%)
HWB hwb(220, 49%, 44%)
Print & Design
CMYK cmyk(13%, 8%, 0%, 44%)
HSV hsv(220, 13%, 56%)
Perceptual (Color Science)
LAB lab(54.63, 0.35, -7.2)
LCH lch(54.63, 7.21, 272.8°)
XYZ xyz(21.53, 22.58, 29.2)
OKLab oklab(0.609, -0.0019, -0.0194)
Accessibility (WCAG 2.1)
Aa
On White
3.81:1
Large Only
Aa
On Black
5.52:1
AA Pass
Aa
White on Color
3.81:1
Large Only
Aa
Black on Color
5.52:1
AA Pass
22.6%
Relative Luminance
0.2258
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
#908A7F
Complementary
of Light Slate Gray
#827F90
Analogous
of Light Slate Gray
#7F8D90
Analogous
of Light Slate Gray
#A8ABB3
Lighter Tint
of Light Slate Gray
#D1D3D7
Lighter Tint
of Light Slate Gray
#F1F2F3
Lighter Tint
of Light Slate Gray
#5A5F68
Darker Shade
of Light Slate Gray
#37393F
Darker Shade
of Light Slate Gray
#131416
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#90949D
Light Slate Gray
10.4% Gray
Web Formats
HEX #90949D
RGB 144,148,157
HSL hsl(222, 6%, 59%)
HWB hwb(222, 56%, 38%)
Print & Design
CMYK cmyk(8%, 6%, 0%, 38%)
HSV hsv(222, 8%, 62%)
Perceptual (Color Science)
LAB lab(61.26, 0.38, -5.23)
LCH lch(61.26, 5.25, 274.1°)
XYZ xyz(28.18, 29.54, 36.11)
OKLab oklab(0.6661, -0.0008, -0.014)
Accessibility (WCAG 2.1)
Aa
On White
3.04:1
Large Only
Aa
On Black
6.91:1
AA Pass
Aa
White on Color
3.04:1
Large Only
Aa
Black on Color
6.91:1
AA Pass
29.5%
Relative Luminance
0.2954
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
#9D9990
Complementary
of Light Slate Gray
#93909D
Analogous
of Light Slate Gray
#909A9D
Analogous
of Light Slate Gray
#B9BBC1
Lighter Tint
of Light Slate Gray
#E1E2E5
Lighter Tint
of Light Slate Gray
#F1F2F3
Lighter Tint
of Light Slate Gray
#696E77
Darker Shade
of Light Slate Gray
#46484E
Darker Shade
of Light Slate Gray
#222326
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#242F3D
Dark Slate Gray
8.7% Gray
Web Formats
HEX #242F3D
RGB 36,47,61
HSL hsl(214, 26%, 19%)
HWB hwb(214, 14%, 76%)
Print & Design
CMYK cmyk(41%, 23%, 0%, 76%)
HSV hsv(214, 41%, 24%)
Perceptual (Color Science)
LAB lab(18.99, -0.44, -10.36)
LCH lch(18.99, 10.37, 267.6°)
XYZ xyz(2.59, 2.74, 4.81)
OKLab oklab(0.3014, -0.0078, -0.0286)
Accessibility (WCAG 2.1)
Aa
On White
13.56:1
AAA Pass
Aa
On Black
1.55:1
Fail
Aa
White on Color
13.56:1
AAA Pass
Aa
Black on Color
1.55:1
Fail
2.8%
Relative Luminance
0.0275
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
#3D3224
Complementary
of Dark Slate Gray
#26243D
Analogous
of Dark Slate Gray
#243B3D
Analogous
of Dark Slate Gray
#40546D
Lighter Tint
of Dark Slate Gray
#5C799D
Lighter Tint
of Dark Slate Gray
#8BA0BB
Lighter Tint
of Dark Slate Gray
#090C10
Darker Shade
of Dark Slate Gray
#090C10
Darker Shade
of Dark Slate Gray
#090C10
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#3F4E63
Dark Slate Gray
6.5% Gray
Web Formats
HEX #3F4E63
RGB 63,78,99
HSL hsl(215, 22%, 32%)
HWB hwb(215, 25%, 61%)
Print & Design
CMYK cmyk(36%, 21%, 0%, 61%)
HSV hsv(215, 36%, 39%)
Perceptual (Color Science)
LAB lab(32.71, -0.13, -14.14)
LCH lch(32.71, 14.14, 269.5°)
XYZ xyz(7.03, 7.41, 12.86)
OKLab oklab(0.4197, -0.0091, -0.039)
Accessibility (WCAG 2.1)
Aa
On White
8.46:1
AAA Pass
Aa
On Black
2.48:1
Fail
Aa
White on Color
8.46:1
AAA Pass
Aa
Black on Color
2.48:1
Fail
7.4%
Relative Luminance
0.0741
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
#645540
Complementary
of Dark Slate Gray
#434064
Analogous
of Dark Slate Gray
#406164
Analogous
of Dark Slate Gray
#5D7392
Lighter Tint
of Dark Slate Gray
#899BB3
Lighter Tint
of Dark Slate Gray
#B7C2D1
Lighter Tint
of Dark Slate Gray
#222A35
Darker Shade
of Dark Slate Gray
#0A0C10
Darker Shade
of Dark Slate Gray
#0A0C10
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#ABADB2
Dark Gray
6.5% Gray
Web Formats
HEX #ABADB2
RGB 171,173,178
HSL hsl(223, 4%, 68%)
HWB hwb(223, 67%, 30%)
Print & Design
CMYK cmyk(4%, 3%, 0%, 30%)
HSV hsv(223, 4%, 70%)
Perceptual (Color Science)
LAB lab(70.7, 0.26, -2.8)
LCH lch(70.7, 2.82, 275.2°)
XYZ xyz(39.77, 41.76, 48.08)
OKLab oklab(0.7475, -0.0002, -0.0075)
Accessibility (WCAG 2.1)
Aa
On White
2.25:1
Fail
Aa
On Black
9.35:1
AAA Pass
Aa
White on Color
2.25:1
Fail
Aa
Black on Color
9.35:1
AAA Pass
41.8%
Relative Luminance
0.4176
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
#B1AFAA
Complementary
of Dark Gray
#ACAAB1
Analogous
of Dark Gray
#AAAFB1
Analogous
of Dark Gray
#D2D3D5
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#82858C
Darker Shade
of Dark Gray
#5D5F65
Darker Shade
of Dark Gray
#383A3D
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#0C1B1A
Black
3.6% Black
Web Formats
HEX #0C1B1A
RGB 12,27,26
HSL hsl(176, 38%, 8%)
HWB hwb(176, 5%, 89%)
Print & Design
CMYK cmyk(56%, 0%, 4%, 89%)
HSV hsv(176, 56%, 11%)
Perceptual (Color Science)
LAB lab(8.45, -6.53, -1.33)
LCH lch(8.45, 6.66, 191.5°)
XYZ xyz(0.73, 0.94, 1.12)
OKLab oklab(0.2083, -0.0204, -0.0037)
Accessibility (WCAG 2.1)
Aa
On White
17.69:1
AAA Pass
Aa
On Black
1.19:1
Fail
Aa
White on Color
17.69:1
AAA Pass
Aa
Black on Color
1.19:1
Fail
0.9%
Relative Luminance
0.0094
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
#1C0D0E
Complementary
of Black
#0D151C
Analogous
of Black
#0D1C13
Analogous
of Black
#24514E
Lighter Tint
of Black
#3C8681
Lighter Tint
of Black
#5AB5AF
Lighter Tint
of Black
#081211
Darker Shade
of Black
#081211
Darker Shade
of Black
#081211
Darker Shade
of Black
Black
Named Color
Discover the Hue

This color palette was derived from Qun Wen's recognized creation "ShuiFa Info Town".

Qun Wen

About Qun Wen

Qun Wen

Qun Wen is an acclaimed startup acknowledged by the A' Design Award. Their work embodies mastery in design excellence.

Larry Wen is a passionate architectural designer who is interested in improving human social experiences in the modern world by innovative design solutions. He has around 30 years experiences in Commercial, Mixed use, Culture, education and planning. He is the founder of aoe which is a Beijing based design office. aoe becomes an influential design force focusing on contemporary design in China. His unique approach by engaging both eastern and western design philosophy makes him one of the most influential architects in China.

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

Explore Qun Wen's Palettes View Qun Wen's Profile
Platinum A' Architecture, Building and Structure Design Award 2021

About the Award

Platinum A' Architecture, Building and Structure Design Award 2021

ShuiFa Info Town was awarded with the Platinum A' Architecture, Building and Structure Design Award in 2021. 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 Platinum 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 ShuiFa Info Town

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

ShuiFa Info Town - View 2
011230
072348
050709
6C6E74
7E8085
A5A6A7
1F261D
909295
ShuiFa Info Town • View 2
ShuiFa Info Town - View 3
3E6017
6886AD
55749E
304C10
E5E4E5
4E5631
8BA2BF
617085
ShuiFa Info Town • View 3
ShuiFa Info Town - View 4
3F609C
566788
505E78
1E293A
0D1716
424C60
6F798D
2F3849
ShuiFa Info Town • View 4
ShuiFa Info Town - View 5
172604
6C819F
8093B0
686C71
9F9C9F
9CAAC2
0B0E02
B5BCCE
ShuiFa Info Town • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Valencia
465735
F2F3F4
646C4B
7D864D
5E6F38
CAC364
A19F5F
324C27
Valencia
549,231 ID#168192
Nanbu Eye
0F171D
1A2632
243445
354658
5377A2
5D524D
453F3D
466C96
Nanbu Eye
4,745,451 ID#155402
Skyline Bay
171F26
1E2F43
86B5E7
243A53
45658B
41546A
3B4046
586575
Skyline Bay
6,060,146 ID#155403
Embraced in Recycled Steel
3460A4
060C0F
4270B7
2E3A4B
1D262C
304563
51606F
445466
Embraced in Recycled Steel
59,606 ID#170802
Albadoor Villa
1D2D4A
2B406C
384D81
775E4A
C5AB95
604B3B
362A23
4E3A2E
Albadoor Villa
16,319 ID#171412
Theater House
295698
181209
342715
513B25
3369B5
6B4C2C
825E39
9E7345
Theater House
17,264 ID#170083
Twist Bridge
A8BBD1
B7C5D7
5F6062
4B4F51
81A9D0
767678
343E3C
535F31
Twist Bridge
15,237 ID#172453
Aziz House
1668A9
327CB7
498EC6
5F493D
745F51
867263
3C2A21
4F392D
Aziz House
18,483 ID#170382
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