ShuiFa Info Town Color Palette | Color Sets
Color Sets

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-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.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-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.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-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.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-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.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-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.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-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.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-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.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-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.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, creating peaceful balance.

View at A' Design Award

ShuiFa Info Town, the design behind this palette, 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 palette originates from Qun Wen's celebrated design "ShuiFa Info Town".

Qun Wen

About Qun Wen

Qun Wen

Qun Wen is an acclaimed startup recognized by the A' Design Award. Their creative vision demonstrates exceptional skill in creative development.

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 comprising academics, professionals and press members. The Platinum status reflects high caliber design work as determined by the international jury.

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.

International Duty Free
9EB3D4
363D1C
4E532B
DFDBD9
1F2522
736E69
151C0E
64653A
International Duty Free
12,931 ID#137041
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
Yamaha Corporation Headquarters
428DE4
3277D7
62A2EA
21518C
121F32
103B73
2F629E
4178B1
Yamaha Corporation Headquarters
77,989 ID#170181
Dongtou Passenger Port
1B1F29
293242
282911
131314
3D3D20
394659
706D69
ABB0B9
Dongtou Passenger Port
68,085 ID#172054
Yan
F6F9FA
B1B6B6
918C78
7D7866
9DA29F
DBE7F2
C3C9CA
909692
Yan
72,550 ID#163921
Spira Silva
CABCB4
B7ADA8
A49995
675344
8D6E57
40352A
C69B6C
796253
Spira Silva
60,417 ID#170530
Xingshufu Banouet
521007
511D11
853312
6D200D
A14316
3E0905
0B0202
564335
Xingshufu Banouet
2,900,129 ID#162641
Arabica Riyadh Roastery
C3BDB8
E2E2E1
AEA7A2
9D938C
868483
F1F1F1
89786C
6B6B6A
Arabica Riyadh Roastery
631,225 ID#163450
Wen Shan Hai
1F1610
3A291C
503A28
0C0705
6D573C
1F2A24
6F3F2E
594B37
Wen Shan Hai
798,847 ID#164834
Snow Park
6F665C
84796B
554F49
968B7C
AEA08D
3F3C38
BDB19F
CCC2B1
Snow Park
786,279 ID#170932