Changdao One - 8 Color Palette | Color Chips
Color Chips

Color Palette

Changdao One — Demonstration Area

162B18
Copy As
HEX #162B18
RGB rgb(22,43,24)
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
2B3D27
Copy As
HEX #2B3D27
RGB rgb(43,61,39)
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
3E4B33
Copy As
HEX #3E4B33
RGB rgb(62,75,51)
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
08140A
Copy As
HEX #08140A
RGB rgb(8,20,10)
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
505E57
Copy As
HEX #505E57
RGB rgb(80,94,87)
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
5A6C79
Copy As
HEX #5A6C79
RGB rgb(90,108,121)
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
5D7898
Copy As
HEX #5D7898
RGB rgb(93,120,152)
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
142A41
Copy As
HEX #142A41
RGB rgb(20,42,65)
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
#162B18
#2B3D27
#3E4B33
#08140A
#505E57
#5A6C79
#5D7898
#142A41
Changdao One

This palette was extracted from

Changdao One

Award-Winning Demonstration Area

About the Design

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

About the Award-Winning Demonstration Area Design: The project is located on the lakeside, surrounded by gentle slopes, green areas and forests. However, the original site is long and narrow. After digging into the site characteristics and deeply discussing the situation, use the smooth curve to reverse the disadvantages of the space as an advantage, combined with the pure white wall to interpret the rich sensory experience under different turning spaces, and a dance journey into the depths of the canyon has started.

This palette has a cool feel, evoking peaceful balance.

View at A' Design Award

Changdao One, the inspiration behind this palette, was designed by JIALIAN Design.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#162B18
Black
33.5% Black
Web Formats
HEX #162B18
RGB 22,43,24
HSL hsl(126, 32%, 13%)
HWB hwb(126, 9%, 83%)
Print & Design
CMYK cmyk(49%, 0%, 44%, 83%)
HSV hsv(126, 49%, 17%)
Perceptual (Color Science)
LAB lab(15.3, -13.53, 9.81)
LCH lch(15.3, 16.71, 144.1°)
XYZ xyz(1.36, 1.96, 1.17)
OKLab oklab(0.2651, -0.0369, 0.0245)
Accessibility (WCAG 2.1)
Aa
On White
15.08:1
AAA Pass
Aa
On Black
1.39:1
Fail
Aa
White on Color
15.08:1
AAA Pass
Aa
Black on Color
1.39:1
Fail
2.0%
Relative Luminance
0.0196
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
#2C172A
Complementary
of Black
#172C23
Analogous
of Black
#1F2C17
Analogous
of Black
#315E35
Lighter Tint
of Black
#4B9152
Lighter Tint
of Black
#72B678
Lighter Tint
of Black
#091109
Darker Shade
of Black
#091109
Darker Shade
of Black
#091109
Darker Shade
of Black
Black
Named Color
Discover the Hue
#2B3D27
Dark Slate Gray
24.5% Gray
Web Formats
HEX #2B3D27
RGB 43,61,39
HSL hsl(109, 22%, 20%)
HWB hwb(109, 15%, 76%)
Print & Design
CMYK cmyk(30%, 0%, 36%, 76%)
HSV hsv(109, 36%, 24%)
Perceptual (Color Science)
LAB lab(23.66, -12.4, 11.31)
LCH lch(23.66, 16.78, 137.6°)
XYZ xyz(3.03, 4, 2.53)
OKLab oklab(0.3375, -0.0338, 0.0284)
Accessibility (WCAG 2.1)
Aa
On White
11.67:1
AAA Pass
Aa
On Black
1.80:1
Fail
Aa
White on Color
11.67:1
AAA Pass
Aa
Black on Color
1.80:1
Fail
4.0%
Relative Luminance
0.0400
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
#3A283E
Complementary
of Dark Slate Gray
#283E2F
Analogous
of Dark Slate Gray
#373E28
Analogous
of Dark Slate Gray
#4D6D46
Lighter Tint
of Dark Slate Gray
#6E9C63
Lighter Tint
of Dark Slate Gray
#99B992
Lighter Tint
of Dark Slate Gray
#0B100A
Darker Shade
of Dark Slate Gray
#0B100A
Darker Shade
of Dark Slate Gray
#0B100A
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#3E4B33
Dark Slate Gray
11.7% Gray
Web Formats
HEX #3E4B33
RGB 62,75,51
HSL hsl(93, 19%, 25%)
HWB hwb(93, 20%, 71%)
Print & Design
CMYK cmyk(17%, 0%, 32%, 71%)
HSV hsv(93, 32%, 29%)
Perceptual (Color Science)
LAB lab(30.15, -10.31, 12.65)
LCH lch(30.15, 16.32, 129.2°)
XYZ xyz(5.1, 6.3, 4.08)
OKLab oklab(0.3941, -0.0279, 0.0319)
Accessibility (WCAG 2.1)
Aa
On White
9.30:1
AAA Pass
Aa
On Black
2.26:1
Fail
Aa
White on Color
9.30:1
AAA Pass
Aa
Black on Color
2.26:1
Fail
6.3%
Relative Luminance
0.0630
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
#41344C
Complementary
of Dark Slate Gray
#344C35
Analogous
of Dark Slate Gray
#4B4C34
Analogous
of Dark Slate Gray
#647953
Lighter Tint
of Dark Slate Gray
#8AA276
Lighter Tint
of Dark Slate Gray
#B1C1A4
Lighter Tint
of Dark Slate Gray
#191E15
Darker Shade
of Dark Slate Gray
#0D0F0A
Darker Shade
of Dark Slate Gray
#0D0F0A
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#08140A
Black
9.3% Black
Web Formats
HEX #08140A
RGB 8,20,10
HSL hsl(130, 43%, 5%)
HWB hwb(130, 3%, 92%)
Print & Design
CMYK cmyk(60%, 0%, 50%, 92%)
HSV hsv(130, 60%, 8%)
Perceptual (Color Science)
LAB lab(5.18, -5.75, 3.55)
LCH lch(5.18, 6.76, 148.3°)
XYZ xyz(0.41, 0.57, 0.38)
OKLab oklab(0.1761, -0.0231, 0.014)
Accessibility (WCAG 2.1)
Aa
On White
18.84:1
AAA Pass
Aa
On Black
1.11:1
Fail
Aa
White on Color
18.84:1
AAA Pass
Aa
Black on Color
1.11:1
Fail
0.6%
Relative Luminance
0.0057
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
#120710
Complementary
of Black
#07120F
Analogous
of Black
#0B1207
Analogous
of Black
#1D4924
Lighter Tint
of Black
#338040
Lighter Tint
of Black
#49B65B
Lighter Tint
of Black
#071209
Darker Shade
of Black
#071209
Darker Shade
of Black
#071209
Darker Shade
of Black
Black
Named Color
Discover the Hue
#505E57
Dim Gray
6.3% Gray
Web Formats
HEX #505E57
RGB 80,94,87
HSL hsl(150, 8%, 34%)
HWB hwb(150, 31%, 63%)
Print & Design
CMYK cmyk(15%, 0%, 7%, 63%)
HSV hsv(150, 15%, 37%)
Perceptual (Color Science)
LAB lab(38.55, -6.97, 2.2)
LCH lch(38.55, 7.31, 162.5°)
XYZ xyz(9.03, 10.4, 10.55)
OKLab oklab(0.4677, -0.0198, 0.0057)
Accessibility (WCAG 2.1)
Aa
On White
6.82:1
AA Pass
Aa
On Black
3.08:1
Large Only
Aa
White on Color
6.82:1
AA Pass
Aa
Black on Color
3.08:1
Large Only
10.4%
Relative Luminance
0.1040
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
#5E5057
Complementary
of Dim Gray
#505E5E
Analogous
of Dim Gray
#505E50
Analogous
of Dim Gray
#73877D
Lighter Tint
of Dim Gray
#9CABA3
Lighter Tint
of Dim Gray
#C5CEC9
Lighter Tint
of Dim Gray
#2D3430
Darker Shade
of Dim Gray
#0C0E0D
Darker Shade
of Dim Gray
#0C0E0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#5A6C79
Dim Gray
6.0% Gray
Web Formats
HEX #5A6C79
RGB 90,108,121
HSL hsl(205, 15%, 41%)
HWB hwb(205, 35%, 53%)
Print & Design
CMYK cmyk(26%, 11%, 0%, 53%)
HSV hsv(205, 26%, 47%)
Perceptual (Color Science)
LAB lab(44.63, -3.53, -9.45)
LCH lch(44.63, 10.09, 249.5°)
XYZ xyz(13.03, 14.28, 20.16)
OKLab oklab(0.5212, -0.0151, -0.0257)
Accessibility (WCAG 2.1)
Aa
On White
5.45:1
AA Pass
Aa
On Black
3.86:1
Large Only
Aa
White on Color
5.45:1
AA Pass
Aa
Black on Color
3.86:1
Large Only
14.3%
Relative Luminance
0.1428
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
#786659
Complementary
of Dim Gray
#595B78
Analogous
of Dim Gray
#597876
Analogous
of Dim Gray
#7E92A0
Lighter Tint
of Dim Gray
#AAB7C0
Lighter Tint
of Dim Gray
#D6DCE1
Lighter Tint
of Dim Gray
#38444C
Darker Shade
of Dim Gray
#181D20
Darker Shade
of Dim Gray
#0B0D0F
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#5D7898
Slate Gray
4.7% Gray
Web Formats
HEX #5D7898
RGB 93,120,152
HSL hsl(213, 24%, 48%)
HWB hwb(213, 36%, 40%)
Print & Design
CMYK cmyk(39%, 21%, 0%, 40%)
HSV hsv(213, 39%, 60%)
Perceptual (Color Science)
LAB lab(49.53, -1.31, -20.39)
LCH lch(49.53, 20.43, 266.3°)
XYZ xyz(16.9, 18.03, 32.29)
OKLab oklab(0.5641, -0.0172, -0.0564)
Accessibility (WCAG 2.1)
Aa
On White
4.56:1
AA Pass
Aa
On Black
4.61:1
AA Pass
Aa
White on Color
4.56:1
AA Pass
Aa
Black on Color
4.61:1
AA Pass
18.0%
Relative Luminance
0.1803
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
#987D5D
Complementary
of Slate Gray
#605D98
Analogous
of Slate Gray
#5D9598
Analogous
of Slate Gray
#8A9EB7
Lighter Tint
of Slate Gray
#B9C6D4
Lighter Tint
of Slate Gray
#E9EDF1
Lighter Tint
of Slate Gray
#405268
Darker Shade
of Slate Gray
#232D39
Darker Shade
of Slate Gray
#0A0C10
Darker Shade
of Slate Gray
Slate Gray
Named Color
Discover the Hue
#142A41
Dark Slate Gray
4.1% Gray
Web Formats
HEX #142A41
RGB 20,42,65
HSL hsl(211, 53%, 17%)
HWB hwb(211, 8%, 75%)
Print & Design
CMYK cmyk(69%, 35%, 0%, 75%)
HSV hsv(211, 69%, 25%)
Perceptual (Color Science)
LAB lab(16.44, -0.17, -17.16)
LCH lch(16.44, 17.16, 269.4°)
XYZ xyz(2.07, 2.19, 5.31)
OKLab oklab(0.2792, -0.0166, -0.0484)
Accessibility (WCAG 2.1)
Aa
On White
14.61:1
AAA Pass
Aa
On Black
1.44:1
Fail
Aa
White on Color
14.61:1
AAA Pass
Aa
Black on Color
1.44:1
Fail
2.2%
Relative Luminance
0.0219
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
#422C14
Complementary
of Dark Slate Gray
#151442
Analogous
of Dark Slate Gray
#144242
Analogous
of Dark Slate Gray
#26507D
Lighter Tint
of Dark Slate Gray
#3876B7
Lighter Tint
of Dark Slate Gray
#6B9CD1
Lighter Tint
of Dark Slate Gray
#060D14
Darker Shade
of Dark Slate Gray
#060D14
Darker Shade
of Dark Slate Gray
#060D14
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue

This palette originates from JIALIAN Design's acclaimed work "Changdao One".

About JIALIAN Design

JIALIAN Design

JIALIAN Design is a renowned agency recognized by the A' Design Award. Their creative vision demonstrates exceptional skill in creative development.

Mr. Zhang Zhang has worked in Beijing Turen Design Institute and Tsinghua University Design Institute successively after obtaining a master's degree in landscape in 2002. He founded Jialian Design in 2009. As the founder and chief designer of Jialian Design, while pursuing landscape art creativity, he is also committed to exploring the implementation creativity in the development process.

Discover more color palettes from JIALIAN Design's award-winning work.

Explore JIALIAN Design's Palettes View JIALIAN Design's Profile
Golden A' Landscape Planning and Garden Design Award 2022

About the Award

Golden A' Landscape Planning and Garden Design Award 2022

Changdao One was honored with the Golden 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 Golden status represents notable design quality as judged by the review committee.

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.
Learn More About A' Landscape Planning and Garden Design Award View at A' Design Award

More Palettes from Changdao One

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

Changdao One - View 2
2E421C
1C2F0C
445632
112109
576645
B0B8C1
C2C9D0
95A0A8
Changdao One • View 2
Changdao One - View 3
9199A3
7F878E
C4C8D1
A5ADB8
DDDFE3
6B737C
B1B9C8
8BA0C6
Changdao One • View 3
Changdao One - View 4
15273D
0F2118
1A3122
223752
2B3F31
0A1C2F
2F4E71
9EB6D0
Changdao One • View 4
Changdao One - View 5
7794BA
6381AA
8FA7C8
516884
172814
A7BCD8
4C6B9A
24313B
Changdao One • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Cruise City
3F76B6
2967A6
525671
394561
6D8CC3
6B6A7D
2C2F3A
5681BD
Cruise City
50,312 ID#128120
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
China Overseas Yongding Jiuli
849,424 ID#162656
Fushan Ecology
1D242E
313A40
E7D1C9
0E1421
454B50
73747E
8C8B92
BFB6B7
Fushan Ecology
1,593,502 ID#147254
Benjakitti
31452D
FBFBFB
203624
4C563A
585F54
3A4E51
696D6C
7D7F80
Benjakitti
62,422 ID#157660
Agile View World
222A2B
506889
3E536E
353D43
142E47
2F455F
C1C7D1
52575A
Agile View World
253,945 ID#130654
River Cloud
D5D8D6
EDEEED
C0C4C2
AAAFAE
969B9B
848B8B
747C7D
6A6F6D
River Cloud
48,759 ID#147736
Longking Pro Environmental Campus
345573
4F592B
3A432A
607129
2B3D13
5E683F
2C475E
4B6B8C
Longking Pro Environmental Campus
51,756 ID#146668
Royal Mansion
414E29
2E3B21
525F2D
192215
616E31
090E09
966541
545344
Royal Mansion
754,942 ID#126294
Embrasse Moi
9F846E
A3978F
857466
918782
4F4742
AFB0B6
2A2829
6B5B4F
Embrasse Moi
822,660 ID#149079
Seongdong Smart Shelter
11100F
302318
513723
6C3C19
654E37
AE632E
D9924A
4D2B14
Seongdong Smart Shelter
713,025 ID#161636
Conch
726B5F
847D73
E2E2E1
59554E
969088
020306
C5C1BE
ABA7A1
Conch
1,008,147 ID#162196
160X 6 Pro
53B3C8
E8DBD6
E4C6B7
F0EDF0
EE9C66
E67942
CBC680
D0AA95
160X 6 Pro
833,311 ID#162482