Curated Palette from Yunxi | Architecture Colors
Architecture Colors

Color Palette

Yunxi — Characteristic Restaurant

01090D
Copy As
HEX #01090D
RGB rgb(1,9,13)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
02212C
Copy As
HEX #02212C
RGB rgb(2,33,44)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
04374A
Copy As
HEX #04374A
RGB rgb(4,55,74)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
064A64
Copy As
HEX #064A64
RGB rgb(6,74,100)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
219FC2
Copy As
HEX #219FC2
RGB rgb(33,159,194)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
076080
Copy As
HEX #076080
RGB rgb(7,96,128)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
5BBBDA
Copy As
HEX #5BBBDA
RGB rgb(91,187,218)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
2DB2D6
Copy As
HEX #2DB2D6
RGB rgb(45,178,214)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
#01090D
#02212C
#04374A
#064A64
#219FC2
#076080
#5BBBDA
#2DB2D6
Yunxi

This palette was extracted from

Yunxi

Award-Winning Characteristic Restaurant

About the Design

This design features Black, Dark Slate Gray, Light Sea Green, Teal, and Medium Turquoise.

About the Award-Winning Characteristic Restaurant Design: This project is a fashionable restaurant. The owner hopes that the space can not only meet demands of daily restaurant, but also can be used as the place to hold parties. The designer regards water elements as space theme and regards light as key design elements. Through the interaction between light and materials with different luminosity and transparency, combined with space devices with water element themes, space hierarchy and sense of light and motion unique to water elements are created.

This palette has a calming feel, creating tranquility and clarity.

View at A' Design Award

Yunxi, where these colors originate, was designed by Shang Cai.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#01090D
Black
34.1% Black
Web Formats
HEX #01090D
RGB 1,9,13
HSL hsl(200, 86%, 3%)
HWB hwb(200, 0%, 95%)
Print & Design
CMYK cmyk(92%, 31%, 0%, 95%)
HSV hsv(200, 92%, 5%)
Perceptual (Color Science)
LAB lab(2.09, -1.5, -2.35)
LCH lch(2.09, 2.79, 237.4°)
XYZ xyz(0.18, 0.23, 0.42)
OKLab oklab(0.1306, -0.0154, -0.0135)
Accessibility (WCAG 2.1)
Aa
On White
20.07:1
AAA Pass
Aa
On Black
1.05:1
Fail
Aa
White on Color
20.07:1
AAA Pass
Aa
Black on Color
1.05:1
Fail
0.2%
Relative Luminance
0.0023
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
#0E0501
Complementary
of Black
#01030E
Analogous
of Black
#010E0C
Analogous
of Black
#063B55
Lighter Tint
of Black
#0C6C9D
Lighter Tint
of Black
#119DE4
Lighter Tint
of Black
#021018
Darker Shade
of Black
#021018
Darker Shade
of Black
#021018
Darker Shade
of Black
Black
Named Color
Discover the Hue
#02212C
Black
15.9% Black
Web Formats
HEX #02212C
RGB 2,33,44
HSL hsl(196, 91%, 9%)
HWB hwb(196, 1%, 83%)
Print & Design
CMYK cmyk(95%, 25%, 0%, 83%)
HSV hsv(196, 95%, 17%)
Perceptual (Color Science)
LAB lab(11.15, -6.63, -10.6)
LCH lch(11.15, 12.5, 238°)
XYZ xyz(1.02, 1.28, 2.58)
OKLab oklab(0.2313, -0.0291, -0.0298)
Accessibility (WCAG 2.1)
Aa
On White
16.71:1
AAA Pass
Aa
On Black
1.26:1
Fail
Aa
White on Color
16.71:1
AAA Pass
Aa
Black on Color
1.26:1
Fail
1.3%
Relative Luminance
0.0128
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
#2C0D02
Complementary
of Black
#020C2C
Analogous
of Black
#022C22
Analogous
of Black
#065775
Lighter Tint
of Black
#098EBE
Lighter Tint
of Black
#1FBCF4
Lighter Tint
of Black
#011218
Darker Shade
of Black
#011218
Darker Shade
of Black
#011218
Darker Shade
of Black
Black
Named Color
Discover the Hue
#04374A
Dark Slate Gray
12.2% Gray
Web Formats
HEX #04374A
RGB 4,55,74
HSL hsl(196, 90%, 15%)
HWB hwb(196, 2%, 71%)
Print & Design
CMYK cmyk(95%, 26%, 0%, 71%)
HSV hsv(196, 95%, 29%)
Perceptual (Color Science)
LAB lab(21.03, -7.95, -16.15)
LCH lch(21.03, 18, 243.8°)
XYZ xyz(2.65, 3.25, 6.97)
OKLab oklab(0.3157, -0.0389, -0.0455)
Accessibility (WCAG 2.1)
Aa
On White
12.72:1
AAA Pass
Aa
On Black
1.65:1
Fail
Aa
White on Color
12.72:1
AAA Pass
Aa
Black on Color
1.65:1
Fail
3.3%
Relative Luminance
0.0325
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
#491604
Complementary
of Dark Slate Gray
#041449
Analogous
of Dark Slate Gray
#044939
Analogous
of Dark Slate Gray
#086D91
Lighter Tint
of Dark Slate Gray
#0BA3DA
Lighter Tint
of Dark Slate Gray
#3DC4F5
Lighter Tint
of Dark Slate Gray
#011218
Darker Shade
of Dark Slate Gray
#011218
Darker Shade
of Dark Slate Gray
#011218
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#064A64
Dark Slate Gray
9.9% Gray
Web Formats
HEX #064A64
RGB 6,74,100
HSL hsl(197, 89%, 21%)
HWB hwb(197, 2%, 61%)
Print & Design
CMYK cmyk(94%, 26%, 0%, 61%)
HSV hsv(197, 94%, 39%)
Perceptual (Color Science)
LAB lab(29.05, -9.05, -20.64)
LCH lch(29.05, 22.54, 246.3°)
XYZ xyz(4.82, 5.86, 12.93)
OKLab oklab(0.3843, -0.0469, -0.0583)
Accessibility (WCAG 2.1)
Aa
On White
9.67:1
AAA Pass
Aa
On Black
2.17:1
Fail
Aa
White on Color
9.67:1
AAA Pass
Aa
Black on Color
2.17:1
Fail
5.9%
Relative Luminance
0.0586
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
#652106
Complementary
of Dark Slate Gray
#061B65
Analogous
of Dark Slate Gray
#066551
Analogous
of Dark Slate Gray
#0A7FAE
Lighter Tint
of Dark Slate Gray
#13B2F1
Lighter Tint
of Dark Slate Gray
#5BCAF5
Lighter Tint
of Dark Slate Gray
#02151D
Darker Shade
of Dark Slate Gray
#011218
Darker Shade
of Dark Slate Gray
#011218
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#219FC2
Light Sea Green
7.6% Cyan
Web Formats
HEX #219FC2
RGB 33,159,194
HSL hsl(193, 71%, 45%)
HWB hwb(193, 13%, 24%)
Print & Design
CMYK cmyk(83%, 18%, 0%, 24%)
HSV hsv(193, 83%, 76%)
Perceptual (Color Science)
LAB lab(60.79, -20.52, -27.29)
LCH lch(60.79, 34.14, 233.1°)
XYZ xyz(22.76, 29.01, 55.43)
OKLab oklab(0.6535, -0.0842, -0.0766)
Accessibility (WCAG 2.1)
Aa
On White
3.09:1
Large Only
Aa
On Black
6.80:1
AA Pass
Aa
White on Color
3.09:1
Large Only
Aa
Black on Color
6.80:1
AA Pass
29.0%
Relative Luminance
0.2901
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
#C44521
Complementary
of Light Sea Green
#214FC4
Analogous
of Light Sea Green
#21C496
Analogous
of Light Sea Green
#51C2E1
Lighter Tint
of Light Sea Green
#92D9ED
Lighter Tint
of Light Sea Green
#D3F0F8
Lighter Tint
of Light Sea Green
#166B83
Darker Shade
of Light Sea Green
#0B3641
Darker Shade
of Light Sea Green
#041216
Darker Shade
of Light Sea Green
Light Sea Green
Named Color
Discover the Hue
#076080
Teal
7.6% Cyan
Web Formats
HEX #076080
RGB 7,96,128
HSL hsl(196, 90%, 26%)
HWB hwb(196, 3%, 50%)
Print & Design
CMYK cmyk(95%, 25%, 0%, 50%)
HSV hsv(196, 95%, 50%)
Perceptual (Color Science)
LAB lab(37.79, -11.21, -24.47)
LCH lch(37.79, 26.92, 245.4°)
XYZ xyz(8.17, 9.97, 21.91)
OKLab oklab(0.4587, -0.0571, -0.0691)
Accessibility (WCAG 2.1)
Aa
On White
7.01:1
AAA Pass
Aa
On Black
2.99:1
Fail
Aa
White on Color
7.01:1
AAA Pass
Aa
Black on Color
2.99:1
Fail
10.0%
Relative Luminance
0.0997
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
#7E2607
Complementary
of Teal
#07227E
Analogous
of Teal
#077E62
Analogous
of Teal
#0A94C7
Lighter Tint
of Teal
#2ABEF4
Lighter Tint
of Teal
#72D4F8
Lighter Tint
of Teal
#032835
Darker Shade
of Teal
#011218
Darker Shade
of Teal
#011218
Darker Shade
of Teal
Teal
Named Color
Discover the Hue
#5BBBDA
Medium Turquoise
6.6% Cyan
Web Formats
HEX #5BBBDA
RGB 91,187,218
HSL hsl(195, 63%, 61%)
HWB hwb(195, 36%, 15%)
Print & Design
CMYK cmyk(58%, 14%, 0%, 15%)
HSV hsv(195, 58%, 85%)
Perceptual (Color Science)
LAB lab(71.43, -19.4, -24.1)
LCH lch(71.43, 30.94, 231.2°)
XYZ xyz(34.73, 42.82, 72.75)
OKLab oklab(0.7459, -0.0748, -0.067)
Accessibility (WCAG 2.1)
Aa
On White
2.20:1
Fail
Aa
On Black
9.57:1
AAA Pass
Aa
White on Color
2.20:1
Fail
Aa
Black on Color
9.57:1
AAA Pass
42.8%
Relative Luminance
0.4283
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
#DA7C5D
Complementary
of Medium Turquoise
#5D7CDA
Analogous
of Medium Turquoise
#5DDABB
Analogous
of Medium Turquoise
#9BD5E8
Lighter Tint
of Medium Turquoise
#DAEFF7
Lighter Tint
of Medium Turquoise
#EAF6FA
Lighter Tint
of Medium Turquoise
#2B9ABF
Darker Shade
of Medium Turquoise
#1D6881
Darker Shade
of Medium Turquoise
#0F3643
Darker Shade
of Medium Turquoise
Medium Turquoise
Named Color
Discover the Hue
#2DB2D6
Medium Turquoise
6.2% Cyan
Web Formats
HEX #2DB2D6
RGB 45,178,214
HSL hsl(193, 67%, 51%)
HWB hwb(193, 18%, 16%)
Print & Design
CMYK cmyk(79%, 17%, 0%, 16%)
HSV hsv(193, 79%, 84%)
Perceptual (Color Science)
LAB lab(67.46, -22.63, -28.1)
LCH lch(67.46, 36.08, 231.2°)
XYZ xyz(29.14, 37.25, 69.26)
OKLab oklab(0.7103, -0.0904, -0.0787)
Accessibility (WCAG 2.1)
Aa
On White
2.48:1
Fail
Aa
On Black
8.45:1
AAA Pass
Aa
White on Color
2.48:1
Fail
Aa
Black on Color
8.45:1
AAA Pass
37.3%
Relative Luminance
0.3725
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
#D6532E
Complementary
of Medium Turquoise
#2E5ED6
Analogous
of Medium Turquoise
#2ED6A6
Analogous
of Medium Turquoise
#6EC9E2
Lighter Tint
of Medium Turquoise
#AEE1EF
Lighter Tint
of Medium Turquoise
#EAF7FB
Lighter Tint
of Medium Turquoise
#1E7F99
Darker Shade
of Medium Turquoise
#124A59
Darker Shade
of Medium Turquoise
#05151A
Darker Shade
of Medium Turquoise
Medium Turquoise
Named Color
Discover the Hue

The colors shown were sampled from Shang Cai's acclaimed work "Yunxi".

About the Designer

Shang Cai

Shang Cai is a distinguished designer acknowledged by the A' Design Award. Their work showcases mastery in aesthetic development.

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

Explore Cai's Palettes View Cai's Profile
Platinum A' Interior Space and Exhibition Design Award 2020

About the Award

Platinum A' Interior Space and Exhibition Design Award 2020

Yunxi was awarded with the Platinum A' Interior Space and Exhibition Design Award in 2020. 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 with diverse expertise in design. The Platinum status represents notable design quality as judged by the review committee.

A' Interior Space and Exhibition Design Award

Elevate the artistry of interior spaces with exceptional retail and exhibition design. The interior award category highlights creative spatial experiences, innovative display techniques, and exceptional functionality in commercial environments.

Recognizes: Residential Interiors, Restaurants, Hotels, Offices, Galleries, Retail Stores, Showrooms, Exhibition Spaces and More.
Learn More About A' Interior Space and Exhibition Design Award View at A' Design Award

More Palettes from Yunxi

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

Yunxi - View 2
010609
021C24
033645
054C60
086781
0A7D9A
0A99B8
0CACCD
Yunxi • View 2
Yunxi - View 3
0F0909
860A0C
5F0B0A
AB0D13
370A0A
C81819
84211D
B32F26
Yunxi • View 3
Yunxi - View 4
082029
063345
065672
0A6C8D
07445C
088CB6
0C7CA1
09A4D3
Yunxi • View 4
Yunxi - View 5
4F1152
822280
9A299A
6A1A6B
0F0310
270728
390B3B
BE3DB6
Yunxi • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

River Cloud
D5D8D6
EDEEED
C0C4C2
AAAFAE
969B9B
848B8B
747C7D
6A6F6D
River Cloud
41,071 ID#147736
Huai’an Zhongshuge
211D1A
3D3029
544237
0B0A0A
705A4B
8A7564
6F4F3A
87654A
Huai’an Zhongshuge
695,755 ID#167817
Royal One
341610
4C261D
53433E
6D4234
726762
5D3428
615652
3C3636
Royal One
775,595 ID#161059
Xiangcheng Paradise Walk
DFDAD9
CCC5C0
B9B0A8
A39991
8C8179
E9E9EA
766A60
645548
Xiangcheng Paradise Walk
54,273 ID#168925
Pu Tang
613D21
79512F
3B2413
956C45
85603C
AF855A
9E8971
8E7861
Pu Tang
83,397 ID#163207
Miniso Land
9F7D8D
9C5860
AF303A
876B7E
9C43B4
782E87
852435
B37177
Miniso Land
74,731 ID#167818
Pengfei Nankai Academy
4B3B2B
170D06
302216
645341
8E7C63
776552
040201
A29372
Pengfei Nankai Academy
101,910 ID#166345
Hypertank
1E1117
342025
9E4F3F
813E31
4B3134
643227
242142
4C1E19
Hypertank
55,795 ID#163856
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
China Overseas Yongding Jiuli
461,708 ID#162656
Fuma
4482D7
2969CA
639CE3
82B3ED
44423C
1A58BF
B9BAC0
575448
Fuma
379,493 ID#164807
Cosmic Creek
2D3022
C8D9E0
434531
415B66
6C6350
5A7681
57593D
6A713E
Cosmic Creek
353,174 ID#166726
Golden Key Venue
3A3120
B9D3EA
834A33
464C21
1C1E14
59636F
424549
697786
Golden Key Venue
627,822 ID#168626