Agile View World - 8 Color Palette | Color Plate

Color Palette

Agile View World — Residential Exhibition Area

222A2B
Copy As
HEX #222A2B
RGB rgb(34,42,43)
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
506889
Copy As
HEX #506889
RGB rgb(80,104,137)
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
3E536E
Copy As
HEX #3E536E
RGB rgb(62,83,110)
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
353D43
Copy As
HEX #353D43
RGB rgb(53,61,67)
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
142E47
Copy As
HEX #142E47
RGB rgb(20,46,71)
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
2F455F
Copy As
HEX #2F455F
RGB rgb(47,69,95)
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
C1C7D1
Copy As
HEX #C1C7D1
RGB rgb(193,199,209)
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
52575A
Copy As
HEX #52575A
RGB rgb(82,87,90)
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
#222A2B
#506889
#3E536E
#353D43
#142E47
#2F455F
#C1C7D1
#52575A
Agile View World

This palette was extracted from

Agile View World

Award-Winning Residential Exhibition Area

About the Design

This design features Dark Slate Gray, Dim Gray, and Silver.

About the Award-Winning Residential Exhibition Area Design: The site, with an area of 16,860 square meters, is surrounded by water and mountains. The surrounding forest belts are growing well and can be incorporated into landscape resources for use. Moreover, with its back against Gaoligong Mountain, it features broad vision and abundant landscape resources.The design uses local materials, plants and techniques to build a pure and simple lifestyle, and emphasizes the deep respects for mountains and plains where the site is located, with quiet and restrained language, and with low intervention.

This palette has a cool feel, suggesting serenity and focus.

View at A' Design Award

Agile View World, the source of these colors, was designed by Hu Sun.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.


Dark Slate Gray
29.3% Gray
Web Formats
HEX #222A2B
RGB 34,42,43
HSL hsl(187, 12%, 15%)
HWB hwb(187, 13%, 83%)
Print & Design
CMYK cmyk(21%, 2%, 0%, 83%)
HSV hsv(187, 21%, 17%)
Perceptual (Color Science)
LAB lab(16.36, -3.21, -1.82)
LCH lch(16.36, 3.69, 209.6°)
XYZ xyz(1.92, 2.17, 2.6)
OKLab oklab(0.2777, -0.0102, -0.0049)
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.


Dim Gray
17.2% Gray
Web Formats
HEX #506889
RGB 80,104,137
HSL hsl(215, 26%, 43%)
HWB hwb(215, 31%, 46%)
Print & Design
CMYK cmyk(42%, 24%, 0%, 46%)
HSV hsv(215, 42%, 54%)
Perceptual (Color Science)
LAB lab(43.38, 0.17, -21.03)
LCH lch(43.38, 21.03, 270.5°)
XYZ xyz(12.77, 13.41, 25.58)
OKLab oklab(0.5117, -0.0141, -0.0584)
Accessibility (WCAG 2.1)
Aa
On White
5.70:1
AA Pass
Aa
On Black
3.68:1
Large Only
Aa
White on Color
5.70:1
AA Pass
Aa
Black on Color
3.68:1
Large Only
13.4%
Relative Luminance
0.1341
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.


Dark Slate Gray
11.6% Gray
Web Formats
HEX #3E536E
RGB 62,83,110
HSL hsl(214, 28%, 34%)
HWB hwb(214, 24%, 57%)
Print & Design
CMYK cmyk(44%, 25%, 0%, 57%)
HSV hsv(214, 44%, 43%)
Perceptual (Color Science)
LAB lab(34.67, -0.27, -18.04)
LCH lch(34.67, 18.05, 269.1°)
XYZ xyz(7.89, 8.34, 15.94)
OKLab oklab(0.4365, -0.0134, -0.0501)
Accessibility (WCAG 2.1)
Aa
On White
7.87:1
AAA Pass
Aa
On Black
2.67:1
Fail
Aa
White on Color
7.87:1
AAA Pass
Aa
Black on Color
2.67:1
Fail
8.3%
Relative Luminance
0.0834
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.


Dark Slate Gray
11.5% Gray
Web Formats
HEX #353D43
RGB 53,61,67
HSL hsl(206, 12%, 24%)
HWB hwb(206, 21%, 74%)
Print & Design
CMYK cmyk(21%, 9%, 0%, 74%)
HSV hsv(206, 21%, 26%)
Perceptual (Color Science)
LAB lab(25.26, -1.78, -4.8)
LCH lch(25.26, 5.12, 249.7°)
XYZ xyz(4.15, 4.5, 5.96)
OKLab oklab(0.355, -0.0074, -0.013)
Accessibility (WCAG 2.1)
Aa
On White
11.05:1
AAA Pass
Aa
On Black
1.90:1
Fail
Aa
White on Color
11.05:1
AAA Pass
Aa
Black on Color
1.90:1
Fail
4.5%
Relative Luminance
0.0450
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.


Dark Slate Gray
8.7% Gray
Web Formats
HEX #142E47
RGB 20,46,71
HSL hsl(209, 56%, 18%)
HWB hwb(209, 8%, 72%)
Print & Design
CMYK cmyk(72%, 35%, 0%, 72%)
HSV hsv(209, 72%, 28%)
Perceptual (Color Science)
LAB lab(18.18, -0.57, -18.54)
LCH lch(18.18, 18.55, 268.2°)
XYZ xyz(2.4, 2.56, 6.33)
OKLab oklab(0.294, -0.0196, -0.0524)
Accessibility (WCAG 2.1)
Aa
On White
13.89:1
AAA Pass
Aa
On Black
1.51:1
Fail
Aa
White on Color
13.89:1
AAA Pass
Aa
Black on Color
1.51:1
Fail
2.6%
Relative Luminance
0.0256
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.


Dark Slate Gray
8.1% Gray
Web Formats
HEX #2F455F
RGB 47,69,95
HSL hsl(213, 34%, 28%)
HWB hwb(213, 18%, 63%)
Print & Design
CMYK cmyk(51%, 27%, 0%, 63%)
HSV hsv(213, 51%, 37%)
Perceptual (Color Science)
LAB lab(28.61, -0.47, -18.01)
LCH lch(28.61, 18.02, 268.5°)
XYZ xyz(5.37, 5.69, 11.64)
OKLab oklab(0.3841, -0.0152, -0.0503)
Accessibility (WCAG 2.1)
Aa
On White
9.83:1
AAA Pass
Aa
On Black
2.14:1
Fail
Aa
White on Color
9.83:1
AAA Pass
Aa
Black on Color
2.14:1
Fail
5.7%
Relative Luminance
0.0569
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.


Silver
7.6% Gray
Web Formats
HEX #C1C7D1
RGB 193,199,209
HSL hsl(218, 15%, 79%)
HWB hwb(218, 76%, 18%)
Print & Design
CMYK cmyk(8%, 5%, 0%, 18%)
HSV hsv(218, 8%, 82%)
Perceptual (Color Science)
LAB lab(80.06, -0.13, -5.69)
LCH lch(80.06, 5.69, 268.6°)
XYZ xyz(53.92, 56.79, 68.43)
OKLab oklab(0.828, -0.0025, -0.0153)
Accessibility (WCAG 2.1)
Aa
On White
1.70:1
Fail
Aa
On Black
12.36:1
AAA Pass
Aa
White on Color
1.70:1
Fail
Aa
Black on Color
12.36:1
AAA Pass
56.8%
Relative Luminance
0.5679
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.


Dim Gray
6.2% Gray
Web Formats
HEX #52575A
RGB 82,87,90
HSL hsl(203, 5%, 34%)
HWB hwb(203, 32%, 65%)
Print & Design
CMYK cmyk(9%, 3%, 0%, 65%)
HSV hsv(203, 9%, 35%)
Perceptual (Color Science)
LAB lab(36.65, -1.3, -2.42)
LCH lch(36.65, 2.75, 241.7°)
XYZ xyz(8.73, 9.35, 11.02)
OKLab oklab(0.4533, -0.0048, -0.0065)
Accessibility (WCAG 2.1)
Aa
On White
7.32:1
AAA Pass
Aa
On Black
2.87:1
Fail
Aa
White on Color
7.32:1
AAA Pass
Aa
Black on Color
2.87:1
Fail
9.4%
Relative Luminance
0.0935
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.

This palette was extracted from Hu Sun's award-winning project "Agile View World".

Hu Sun

About Hu Sun

Hu Sun

Hu Sun is a renowned agency honored by the A' Design Award. Their portfolio reflects expertise in design innovation.

The Founder, Chairman, Chief Designer of Guangzhou S.P.I Design Co., Ltd graduated from Nanjing Forestry University, he has more than 20 years of experience in landscape architecture design. He has presided over nearly 100 international and domestic landscape planning and landscape design projects and has won many international and domestic awards. He believed that the landscape could settle people’s hearts by creating a comforting zone. Then, he created the New Shanshui Design Concept, which is the natural spirit and cultural value rooted in landscapes. It takes the emotional exchange between humans and nature as a medium and reshapes the aesthetics of contemporary urban life artistically through the current material civilization such as new technology, new craftsmanship and new materials to build a living community in a balanced way and leave a poetic space for life evolution. Meanwhile, the “New” refers to time, starting from the reality and civilization at this time. The “Shanshui” refers to space, microscopic site spirit, and an extended regionalist attitude. In this way, the landscape constructs a poetic life suitable for the present and the region for human beings. The “New Shanshui” is to explore the history and the present, mapping out a route for humans to return to nature. On the microscopic scale, it is a poetic habitation of living space with ecological nature, allowing landscapes to be introduced into urban patch space. On the mesoscale, it is to solve the problems of homogenization and urban diseases in the process of urbanization, so that the city can be integrated into the landscape. On the macro-scale, the New Shanshui Design Concept is trying to solve the ecological security of the land and the problem of the construction method of ecological civilization to make the landscape become the infrastructure of the country. He has devoted to China’s rural and urban development and ecological civilization construction with the mission of “Poetic Dwelling Inherit Innovation”, based on the New Shanshui Design Concept, driven by innovative design, with digital technology as the core and Shanshui General Theater as the carrier, to build a world-renowned landscape technology innovation platform.

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

Platinum A' Landscape Planning and Garden Design Award 2022

About the Award

Platinum A' Landscape Planning and Garden Design Award 2022

Agile View World was honored with the Platinum A' Landscape Planning and Garden Design Award in 2022. The A' Design Award is a globally recognized design award program that acknowledges exceptional design innovation. Winners are selected through thorough review by a distinguished panel with diverse expertise in design. The Platinum status indicates commendable design excellence as assessed by the judging body.

A' Landscape Planning and Garden Design Award

Celebrate the harmonious integration of natural beauty with human habitation in landscape planning and garden design. The landscape design award category highlights innovative use of space, sustainable practices, and the creation of aesthetic and functional outdoor environments.

Recognizes: Landscape Designs, Public Parks, Residential Gardens, Urban Plazas, Campus Designs, Green Roofs, Waterfront Developments, Eco-Parks, Botanical Gardens and More.

More Palettes from Agile View World

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

Agile View World - View 2
1C271B
374357
2A333E
152131
535B6E
646E85
302208
40311D
Agile View World - View 3
080506
2A3946
4A6A85
364C5E
222B35
5F7F9A
8DA4BD
DDE8F2
Agile View World - View 4
AFCFED
17211F
A8A7A9
26312B
364039
828285
0C1112
545D5C
Agile View World - View 5
131C07
343429
272918
462C0F
633E1A
7A7D96
5D6073
4A4A4E

Discover More Color Palettes

Explore colors from more award-winning designs.

Fushan Ecology
1D242E
313A40
E7D1C9
0E1421
454B50
73747E
8C8B92
BFB6B7
1,593,502 ID#147254
Yuanye Spring
473617
261A0D
5F471B
54422D
6F581E
645247
724A35
815D47
48,188 ID#160324
Skybow
305360
8E7D69
575450
68625B
20383D
7B6D5B
AFB3B8
394448
41,394 ID#157344
Royal Mansion
414E29
2E3B21
525F2D
192215
616E31
090E09
966541
545344
754,942 ID#126294
Nine Court Mansion
4D6099
535361
13140E
646577
312F2F
413F46
7B7D96
56561C
179,651 ID#96514
Yunxi Mansion
9FA3AD
4D551A
626722
778294
76742F
536176
3A3F14
1B220E
31,726 ID#127254
Simple Chic
1F2007
38320C
0B0D03
534512
BAAEC2
7A6517
7A7282
36211C
17,257 ID#155215
Field Garden
4D92F0
2D2E1C
B8BAB8
485028
0E1008
6F7C48
3B3F34
666E30
12,297 ID#153014
Birch
AEB2BB
CDD1D8
E9EBEE
BFC3CB
9B9EA6
848891
5E616B
494C54
1,281,359 ID#163625
Wen Shan Hai
1F1610
3A291C
503A28
0C0705
6D573C
1F2A24
6F3F2E
594B37
798,847 ID#164834
Tickless Mini
634D40
483932
342822
7B6457
8F7769
D2C8BD
A48D7D
C4B5A7
1,085,282 ID#167364
Cali
5A9ABD
EDEEEE
0F5548
99C5DA
51A9D2
68A9CB
119186
C6C7D2
699,672 ID#167935