Interior Colors

Color Palette

Ufia — Hotel

0E0C0B
Copy As
HEX#0E0C0B
RGBrgb(14,12,11)
HSLhsl(20, 12%, 5%)
CMYKcmyk(0%, 14%, 21%, 95%)
Download
SVG PNG
38312D
Copy As
HEX#38312D
RGBrgb(56,49,45)
HSLhsl(22, 11%, 20%)
CMYKcmyk(0%, 13%, 20%, 78%)
Download
SVG PNG
4D4541
Copy As
HEX#4D4541
RGBrgb(77,69,65)
HSLhsl(20, 8%, 28%)
CMYKcmyk(0%, 10%, 16%, 70%)
Download
SVG PNG
5E5855
Copy As
HEX#5E5855
RGBrgb(94,88,85)
HSLhsl(20, 5%, 35%)
CMYKcmyk(0%, 6%, 10%, 63%)
Download
SVG PNG
261F1B
Copy As
HEX#261F1B
RGBrgb(38,31,27)
HSLhsl(22, 17%, 13%)
CMYKcmyk(0%, 18%, 29%, 85%)
Download
SVG PNG
908A87
Copy As
HEX#908A87
RGBrgb(144,138,135)
HSLhsl(20, 4%, 55%)
CMYKcmyk(0%, 4%, 6%, 44%)
Download
SVG PNG
6F6865
Copy As
HEX#6F6865
RGBrgb(111,104,101)
HSLhsl(18, 5%, 42%)
CMYKcmyk(0%, 6%, 9%, 56%)
Download
SVG PNG
A6A19E
Copy As
HEX#A6A19E
RGBrgb(166,161,158)
HSLhsl(22, 4%, 64%)
CMYKcmyk(0%, 3%, 5%, 35%)
Download
SVG PNG
#0E0C0B
#38312D
#4D4541
#5E5855
#261F1B
#908A87
#6F6865
#A6A19E
Ufia

This palette was extracted from

Ufia

Award-Winning Hotel

About the Design

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

About the Award-Winning Hotel Design: Ufia is a hotel interior design located in Chongqing. The project covers 1200 square meters and remodels the existing interior. In the elevator lobby, layers of gypsum board form peak shapes finished with black artistic paint, recalling rolling hills. A mirror stainless steel sculpture hangs in the center like a wave, and silver water drops appear to splash on the black rubber floor. Carpet, dark gray artistic coating, rust-like coating and white latex paint are used in the public areas. The design brings the landscape of Chongqing into the hotel.

This palette has a warm feel, evoking inviting warmth.

View at A' Design Award

Ufia, the source of these colors, was designed by Xiaobing Yao.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#0E0C0B
Black
27.2% Black
Web Formats
HEX#0E0C0B
RGB14,12,11
HSLhsl(20, 12%, 5%)
HWBhwb(20, 4%, 95%)
Print & Design
CMYKcmyk(0%, 14%, 21%, 95%)
HSVhsv(20, 21%, 5%)
Perceptual (Color Science)
LABlab(3.44, 0.46, 0.63)
LCHlch(3.44, 0.78, 53.5°)
XYZxyz(0.37, 0.38, 0.37)
OKLaboklab(0.1564, 0.0027, 0.003)
Accessibility (WCAG 2.1)
Aa
On White
19.52:1
AAA Pass
Aa
On Black
1.08:1
Fail
Aa
White on Color
19.52:1
AAA Pass
Aa
Black on Color
1.08:1
Fail
0.4%
Relative Luminance
0.0038
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
#0B0D0E
Complementary
of Black
#0E0E0B
Analogous
of Black
#0E0B0C
Analogous
of Black
#39312D
Lighter Tint
of Black
#64564F
Lighter Tint
of Black
#8F7A70
Lighter Tint
of Black
#0E0C0B
Darker Shade
of Black
#0E0C0B
Darker Shade
of Black
#0E0C0B
Darker Shade
of Black
Black
Named Color
Discover the Hue
#38312D
Dark Slate Gray
15.5% Gray
Web Formats
HEX#38312D
RGB56,49,45
HSLhsl(22, 11%, 20%)
HWBhwb(22, 18%, 78%)
Print & Design
CMYKcmyk(0%, 13%, 20%, 78%)
HSVhsv(22, 20%, 22%)
Perceptual (Color Science)
LABlab(20.93, 2.31, 3.7)
LCHlch(20.93, 4.36, 58°)
XYZxyz(3.2, 3.23, 2.94)
OKLaboklab(0.3192, 0.0076, 0.0097)
Accessibility (WCAG 2.1)
Aa
On White
12.76:1
AAA Pass
Aa
On Black
1.65:1
Fail
Aa
White on Color
12.76:1
AAA Pass
Aa
Black on Color
1.65:1
Fail
3.2%
Relative Luminance
0.0323
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
#2D3439
Complementary
of Dark Slate Gray
#39372D
Analogous
of Dark Slate Gray
#392D2F
Analogous
of Dark Slate Gray
#63574F
Lighter Tint
of Dark Slate Gray
#8E7C71
Lighter Tint
of Dark Slate Gray
#B0A39C
Lighter Tint
of Dark Slate Gray
#0E0C0B
Darker Shade
of Dark Slate Gray
#0E0C0B
Darker Shade
of Dark Slate Gray
#0E0C0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#4D4541
Dark Slate Gray
15.3% Gray
Web Formats
HEX#4D4541
RGB77,69,65
HSLhsl(20, 8%, 28%)
HWBhwb(20, 25%, 70%)
Print & Design
CMYKcmyk(0%, 10%, 16%, 70%)
HSVhsv(20, 16%, 30%)
Perceptual (Color Science)
LABlab(29.95, 2.59, 3.64)
LCHlch(29.95, 4.47, 54.6°)
XYZxyz(6.14, 6.22, 5.88)
OKLaboklab(0.3971, 0.0085, 0.0096)
Accessibility (WCAG 2.1)
Aa
On White
9.36:1
AAA Pass
Aa
On Black
2.24:1
Fail
Aa
White on Color
9.36:1
AAA Pass
Aa
Black on Color
2.24:1
Fail
6.2%
Relative Luminance
0.0622
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
#42494D
Complementary
of Dark Slate Gray
#4D4B42
Analogous
of Dark Slate Gray
#4D4244
Analogous
of Dark Slate Gray
#766B65
Lighter Tint
of Dark Slate Gray
#9C918B
Lighter Tint
of Dark Slate Gray
#C0B8B5
Lighter Tint
of Dark Slate Gray
#24201E
Darker Shade
of Dark Slate Gray
#0E0C0C
Darker Shade
of Dark Slate Gray
#0E0C0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#5E5855
Dim Gray
12.3% Gray
Web Formats
HEX#5E5855
RGB94,88,85
HSLhsl(20, 5%, 35%)
HWBhwb(20, 33%, 63%)
Print & Design
CMYKcmyk(0%, 6%, 10%, 63%)
HSVhsv(20, 10%, 37%)
Perceptual (Color Science)
LABlab(37.87, 1.83, 2.61)
LCHlch(37.87, 3.18, 55°)
XYZxyz(9.75, 10.02, 10.01)
OKLaboklab(0.4651, 0.0061, 0.0069)
Accessibility (WCAG 2.1)
Aa
On White
6.99:1
AA Pass
Aa
On Black
3.00:1
Large Only
Aa
White on Color
6.99:1
AA Pass
Aa
Black on Color
3.00:1
Large Only
10.0%
Relative Luminance
0.1002
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
#555B5E
Complementary
of Dim Gray
#5E5C55
Analogous
of Dim Gray
#5E5556
Analogous
of Dim Gray
#867D79
Lighter Tint
of Dim Gray
#AAA4A1
Lighter Tint
of Dim Gray
#CFCBC9
Lighter Tint
of Dim Gray
#363230
Darker Shade
of Dim Gray
#0D0D0C
Darker Shade
of Dim Gray
#0D0D0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#261F1B
Black
8.6% Black
Web Formats
HEX#261F1B
RGB38,31,27
HSLhsl(22, 17%, 13%)
HWBhwb(22, 11%, 85%)
Print & Design
CMYKcmyk(0%, 18%, 29%, 85%)
HSVhsv(22, 29%, 15%)
Perceptual (Color Science)
LABlab(12.42, 2.54, 3.98)
LCHlch(12.42, 4.72, 57.5°)
XYZxyz(1.49, 1.47, 1.24)
OKLaboklab(0.246, 0.0082, 0.0103)
Accessibility (WCAG 2.1)
Aa
On White
16.23:1
AAA Pass
Aa
On Black
1.29:1
Fail
Aa
White on Color
16.23:1
AAA Pass
Aa
Black on Color
1.29:1
Fail
1.5%
Relative Luminance
0.0147
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
#1C2327
Complementary
of Black
#27251C
Analogous
of Black
#271C1D
Analogous
of Black
#54443B
Lighter Tint
of Black
#80695B
Lighter Tint
of Black
#A68F82
Lighter Tint
of Black
#0F0C0B
Darker Shade
of Black
#0F0C0B
Darker Shade
of Black
#0F0C0B
Darker Shade
of Black
Black
Named Color
Discover the Hue
#908A87
Gray
7.1% Gray
Web Formats
HEX#908A87
RGB144,138,135
HSLhsl(20, 4%, 55%)
HWBhwb(20, 53%, 44%)
Print & Design
CMYKcmyk(0%, 4%, 6%, 44%)
HSVhsv(20, 6%, 56%)
Perceptual (Color Science)
LABlab(57.9, 1.67, 2.4)
LCHlch(57.9, 2.92, 55.2°)
XYZxyz(24.96, 25.86, 26.59)
OKLaboklab(0.6377, 0.0056, 0.0064)
Accessibility (WCAG 2.1)
Aa
On White
3.40:1
Large Only
Aa
On Black
6.17:1
AA Pass
Aa
White on Color
3.40:1
Large Only
Aa
Black on Color
6.17:1
AA Pass
25.9%
Relative Luminance
0.2586
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
#888E91
Complementary
of Gray
#918F88
Analogous
of Gray
#918889
Analogous
of Gray
#B6B1AF
Lighter Tint
of Gray
#DAD8D7
Lighter Tint
of Gray
#F3F2F2
Lighter Tint
of Gray
#6A6562
Darker Shade
of Gray
#423F3D
Darker Shade
of Gray
#1B1918
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#6F6865
Dim Gray
7.2% Gray
Web Formats
HEX#6F6865
RGB111,104,101
HSLhsl(18, 5%, 42%)
HWBhwb(18, 40%, 56%)
Print & Design
CMYKcmyk(0%, 6%, 9%, 56%)
HSVhsv(18, 9%, 44%)
Perceptual (Color Science)
LABlab(44.55, 2.16, 2.67)
LCHlch(44.55, 3.44, 51°)
XYZxyz(13.85, 14.22, 14.32)
OKLaboklab(0.5228, 0.0071, 0.0071)
Accessibility (WCAG 2.1)
Aa
On White
5.46:1
AA Pass
Aa
On Black
3.84:1
Large Only
Aa
White on Color
5.46:1
AA Pass
Aa
Black on Color
3.84:1
Large Only
14.2%
Relative Luminance
0.1422
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
#666D70
Complementary
of Dim Gray
#706E66
Analogous
of Dim Gray
#706668
Analogous
of Dim Gray
#978F8C
Lighter Tint
of Dim Gray
#BBB6B4
Lighter Tint
of Dim Gray
#E0DDDC
Lighter Tint
of Dim Gray
#484341
Darker Shade
of Dim Gray
#201E1D
Darker Shade
of Dim Gray
#0D0C0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#A6A19E
Dark Gray
6.8% Gray
Web Formats
HEX#A6A19E
RGB166,161,158
HSLhsl(22, 4%, 64%)
HWBhwb(22, 62%, 35%)
Print & Design
CMYKcmyk(0%, 3%, 5%, 35%)
HSVhsv(22, 5%, 65%)
Perceptual (Color Science)
LABlab(66.57, 1.25, 2.2)
LCHlch(66.57, 2.53, 60.4°)
XYZxyz(34.64, 36.07, 37.48)
OKLaboklab(0.7123, 0.0043, 0.0058)
Accessibility (WCAG 2.1)
Aa
On White
2.56:1
Fail
Aa
On Black
8.21:1
AAA Pass
Aa
White on Color
2.56:1
Fail
Aa
Black on Color
8.21:1
AAA Pass
36.1%
Relative Luminance
0.3607
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
#A0A4A7
Complementary
of Dark Gray
#A7A6A0
Analogous
of Dark Gray
#A7A0A1
Analogous
of Dark Gray
#CCC9C7
Lighter Tint
of Dark Gray
#F0F0EF
Lighter Tint
of Dark Gray
#F3F2F2
Lighter Tint
of Dark Gray
#827C78
Darker Shade
of Dark Gray
#5A5653
Darker Shade
of Dark Gray
#32302F
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue

The colors presented here were analyzed from Xiaobing Yao's award-winning project "Ufia".

About the Designer

Xiaobing Yao

Xiaobing Yao is an award-winning design visionary recognized by the A' Design Award. Their creative vision reflects exceptional skill in creative direction.

Xiaobing Yao, a famous independent designer, is the founder and design director of Yao Xiaobing Design Studio. In his opinion, design is an applied art rather than a pure art. He pursues the lasting vitality of space, and believes that even the best design works also need exquisite details of the craft to reflect. His design concept does not limited to a certain design style, with the precise positioning of the customer's target demand, he combines design sense, humanization and intellectualization, and achieves high-quality and efficient spatial solutions through artistic expression.

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

Explore Yao's Palettes View Yao's Profile
Golden A' Interior Space and Exhibition Design Award 2020

About the Award

Golden A' Interior Space and Exhibition Design Award 2020

Ufia has been recognized with the Golden A' Interior Space and Exhibition Design Award in 2020. The A' Design Award is an internationally acknowledged design competition that recognizes outstanding creative accomplishment. Laureates are chosen through comprehensive judging by industry experts representing multiple disciplines. The Golden status indicates commendable design excellence as assessed by the judging body.

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 Ufia

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

Ufia - View 2
C9CAC8
B2B6B4
959899
D8D9D8
E9EAEA
7F7F7E
042D49
133954
Ufia • View 2
Ufia - View 3
6F7274
BABCBB
828585
D2D3D3
A4A6A6
929493
5A5B5B
E5E5E6
Ufia • View 3
Ufia - View 4
B5B4B3
A8A8A6
989795
CBCAC8
494847
5F5E5D
7D7C7A
050505
Ufia • View 4
Ufia - View 5
0C0B09
6B6159
38322C
7F7770
27211B
928B83
554E48
AEA9A3
Ufia • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Sight Art Studio
11110D
8B8B7C
9C9D8D
2D2E23
AEAF9F
C5C6B8
7B7C6D
040402
Sight Art Studio
15,193 ID#150527
Stylia Hair
8D4A3B
A16150
C58976
B9735F
654D48
7B5F5B
7C3729
5C626D
Stylia Hair
12,286 ID#150525
YDS Office
989594
7C7A79
454241
D7D4D4
595857
C3C0BF
ADA9A9
292826
YDS Office
21,757 ID#123038
Olivino
1D130B
352517
66482B
4D3723
7F5A38
986C46
0A0503
5D5E5F
Olivino
5,154,425 ID#182117
Huai’an Zhongshuge
211D1A
3D3029
544237
0B0A0A
705A4B
8A7564
6F4F3A
87654A
Huai’an Zhongshuge
2,954,392 ID#167817
Koho
A3A2A6
C8C9CA
B9B7B7
8D7B6D
826C59
52484B
665B59
303136
Koho
40,486 ID#173717
Hefei Since 1872
AE8F70
8B6E55
D8C2A9
9C7E63
C3A88E
E6D3BD
BD9C79
775E46
Hefei Since 1872
41,169 ID#174515
Mansion of Value
C5A983
B2956E
D1B999
8B7351
6B573E
9E8461
493A2A
DBC8AF
Mansion of Value
39,214 ID#174517
Royal One
341610
4C261D
53433E
6D4234
726762
5D3428
615652
3C3636
Royal One
989,172 ID#161059
Deji Cultural Complex
9B9898
D0CECE
BFBCBC
ACA8A7
E4E3E3
7F7F81
36383B
626265
Deji Cultural Complex
684,201 ID#141008
Shenzhen Zhongshuge
191313
2D2524
7D6F6B
6B5C58
443937
A1958E
5A4C49
8F837E
Shenzhen Zhongshuge
2,340,422 ID#142467
Longfor Origin
2A1D10
140C07
473420
624C35
755F46
030200
99B0C7
817364
Longfor Origin
2,553,973 ID#144425