Belonging Palette | Design Colors
Design Colors

Color Palette

Belonging — Residential

656460
Copy As
HEX #656460
RGB rgb(101,100,96)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
757573
Copy As
HEX #757573
RGB rgb(117,117,115)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
8A8D8D
Copy As
HEX #8A8D8D
RGB rgb(138,141,141)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
4F4F4C
Copy As
HEX #4F4F4C
RGB rgb(79,79,76)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
A3A5A7
Copy As
HEX #A3A5A7
RGB rgb(163,165,167)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
373939
Copy As
HEX #373939
RGB rgb(55,57,57)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
B8BABC
Copy As
HEX #B8BABC
RGB rgb(184,186,188)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
808281
Copy As
HEX #808281
RGB rgb(128,130,129)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
#656460
#757573
#8A8D8D
#4F4F4C
#A3A5A7
#373939
#B8BABC
#808281
Belonging

This palette was extracted from

Belonging

Award-Winning Residential

About the Design

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

About the Award-Winning Residential Design: This home accommodates three generations, including an entrepreneur, adult children, and young grandchildren. Given its narrow layout and limited ceiling height, the challenge is to balance shared living with personal space while fostering a strong family bond through a refined aesthetic. The designer uses linear elements as a metaphor for the Eastern family's growth, extending from the first floor upward to define display, storage, and partitions. Mirrors amplify light and openness, subtly overcoming spatial constraints.

This palette has a refreshing feel, evoking peaceful balance.

View at A' Design Award

Belonging, the inspiration behind this palette, was designed by Lo Fang Ming.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#656460
Dim Gray
24.0% Gray
Web Formats
HEX #656460
RGB 101,100,96
HSL hsl(48, 3%, 39%)
HWB hwb(48, 38%, 60%)
Print & Design
CMYK cmyk(0%, 1%, 5%, 60%)
HSV hsv(48, 5%, 40%)
Perceptual (Color Science)
LAB lab(42.35, -0.42, 2.4)
LCH lch(42.35, 2.44, 99.9°)
XYZ xyz(12.04, 12.73, 12.89)
OKLab oklab(0.5028, -0.0006, 0.0063)
Accessibility (WCAG 2.1)
Aa
On White
5.92:1
AA Pass
Aa
On Black
3.55:1
Large Only
Aa
White on Color
5.92:1
AA Pass
Aa
Black on Color
3.55:1
Large Only
12.7%
Relative Luminance
0.1273
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
#606266
Complementary
of Dim Gray
#656660
Analogous
of Dim Gray
#666260
Analogous
of Dim Gray
#8D8C86
Lighter Tint
of Dim Gray
#B2B1AE
Lighter Tint
of Dim Gray
#D7D7D5
Lighter Tint
of Dim Gray
#3F3E3B
Darker Shade
of Dim Gray
#181716
Darker Shade
of Dim Gray
#0D0D0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#757573
Dim Gray
22.6% Gray
Web Formats
HEX #757573
RGB 117,117,115
HSL hsl(60, 1%, 45%)
HWB hwb(60, 45%, 54%)
Print & Design
CMYK cmyk(0%, 0%, 2%, 54%)
HSV hsv(60, 2%, 46%)
Perceptual (Color Science)
LAB lab(49.18, -0.4, 1.1)
LCH lch(49.18, 1.17, 110°)
XYZ xyz(16.79, 17.74, 18.76)
OKLab oklab(0.5618, -0.0009, 0.0029)
Accessibility (WCAG 2.1)
Aa
On White
4.62:1
AA Pass
Aa
On Black
4.55:1
AA Pass
Aa
White on Color
4.62:1
AA Pass
Aa
Black on Color
4.55:1
AA Pass
17.7%
Relative Luminance
0.1774
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
#727274
Complementary
of Dim Gray
#737472
Analogous
of Dim Gray
#747372
Analogous
of Dim Gray
#9A9A98
Lighter Tint
of Dim Gray
#C0C0BF
Lighter Tint
of Dim Gray
#E6E6E5
Lighter Tint
of Dim Gray
#4D4D4C
Darker Shade
of Dim Gray
#272726
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#8A8D8D
Gray
14.6% Gray
Web Formats
HEX #8A8D8D
RGB 138,141,141
HSL hsl(180, 1%, 55%)
HWB hwb(180, 54%, 45%)
Print & Design
CMYK cmyk(2%, 0%, 0%, 45%)
HSV hsv(180, 2%, 55%)
Perceptual (Color Science)
LAB lab(58.39, -1.1, -0.38)
LCH lch(58.39, 1.16, 199.3°)
XYZ xyz(24.81, 26.38, 28.98)
OKLab oklab(0.6409, -0.0034, -0.001)
Accessibility (WCAG 2.1)
Aa
On White
3.35:1
Large Only
Aa
On Black
6.28:1
AA Pass
Aa
White on Color
3.35:1
Large Only
Aa
Black on Color
6.28:1
AA Pass
26.4%
Relative Luminance
0.2638
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
#8D8B8B
Complementary
of Gray
#8B8C8D
Analogous
of Gray
#8B8D8C
Analogous
of Gray
#B2B3B3
Lighter Tint
of Gray
#D8D9D9
Lighter Tint
of Gray
#F2F2F2
Lighter Tint
of Gray
#656767
Darker Shade
of Gray
#3F4040
Darker Shade
of Gray
#191A1A
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#4F4F4C
Dark Slate Gray
12.3% Gray
Web Formats
HEX #4F4F4C
RGB 79,79,76
HSL hsl(60, 2%, 30%)
HWB hwb(60, 30%, 69%)
Print & Design
CMYK cmyk(0%, 0%, 4%, 69%)
HSV hsv(60, 4%, 31%)
Perceptual (Color Science)
LAB lab(33.51, -0.64, 1.77)
LCH lch(33.51, 1.88, 109.8°)
XYZ xyz(7.32, 7.78, 7.95)
OKLab oklab(0.4266, -0.0014, 0.0047)
Accessibility (WCAG 2.1)
Aa
On White
8.22:1
AAA Pass
Aa
On Black
2.56:1
Fail
Aa
White on Color
8.22:1
AAA Pass
Aa
Black on Color
2.56:1
Fail
7.8%
Relative Luminance
0.0778
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
#4B4B4E
Complementary
of Dark Slate Gray
#4D4E4B
Analogous
of Dark Slate Gray
#4E4D4B
Analogous
of Dark Slate Gray
#757570
Lighter Tint
of Dark Slate Gray
#9B9B97
Lighter Tint
of Dark Slate Gray
#C1C1BE
Lighter Tint
of Dark Slate Gray
#272725
Darker Shade
of Dark Slate Gray
#0D0D0C
Darker Shade
of Dark Slate Gray
#0D0D0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#A3A5A7
Dark Gray
9.0% Gray
Web Formats
HEX #A3A5A7
RGB 163,165,167
HSL hsl(210, 2%, 65%)
HWB hwb(210, 64%, 35%)
Print & Design
CMYK cmyk(2%, 1%, 0%, 35%)
HSV hsv(210, 2%, 65%)
Perceptual (Color Science)
LAB lab(67.64, -0.33, -1.28)
LCH lch(67.64, 1.32, 255.7°)
XYZ xyz(35.53, 37.49, 41.92)
OKLab oklab(0.7209, -0.0014, -0.0034)
Accessibility (WCAG 2.1)
Aa
On White
2.47:1
Fail
Aa
On Black
8.50:1
AAA Pass
Aa
White on Color
2.47:1
Fail
Aa
Black on Color
8.50:1
AAA Pass
37.5%
Relative Luminance
0.3749
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
#A8A6A4
Complementary
of Dark Gray
#A4A4A8
Analogous
of Dark Gray
#A4A8A8
Analogous
of Dark Gray
#CBCCCD
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#7D8082
Darker Shade
of Dark Gray
#57595B
Darker Shade
of Dark Gray
#323334
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#373939
Dark Slate Gray
7.6% Gray
Web Formats
HEX #373939
RGB 55,57,57
HSL hsl(180, 2%, 22%)
HWB hwb(180, 22%, 78%)
Print & Design
CMYK cmyk(4%, 0%, 0%, 78%)
HSV hsv(180, 4%, 22%)
Perceptual (Color Science)
LAB lab(23.78, -0.85, -0.3)
LCH lch(23.78, 0.9, 199.2°)
XYZ xyz(3.78, 4.03, 4.45)
OKLab oklab(0.3426, -0.0026, -0.0008)
Accessibility (WCAG 2.1)
Aa
On White
11.62:1
AAA Pass
Aa
On Black
1.81:1
Fail
Aa
White on Color
11.62:1
AAA Pass
Aa
Black on Color
1.81:1
Fail
4.0%
Relative Luminance
0.0403
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
#393737
Complementary
of Dark Slate Gray
#373839
Analogous
of Dark Slate Gray
#373938
Analogous
of Dark Slate Gray
#5C6060
Lighter Tint
of Dark Slate Gray
#828787
Lighter Tint
of Dark Slate Gray
#A9ADAD
Lighter Tint
of Dark Slate Gray
#111212
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#B8BABC
Silver
5.4% Gray
Web Formats
HEX #B8BABC
RGB 184,186,188
HSL hsl(210, 3%, 73%)
HWB hwb(210, 72%, 26%)
Print & Design
CMYK cmyk(2%, 1%, 0%, 26%)
HSV hsv(210, 2%, 74%)
Perceptual (Color Science)
LAB lab(75.41, -0.32, -1.25)
LCH lch(75.41, 1.29, 255.7°)
XYZ xyz(46.4, 48.94, 54.57)
OKLab oklab(0.7879, -0.0014, -0.0033)
Accessibility (WCAG 2.1)
Aa
On White
1.95:1
Fail
Aa
On Black
10.79:1
AAA Pass
Aa
White on Color
1.95:1
Fail
Aa
Black on Color
10.79:1
AAA Pass
48.9%
Relative Luminance
0.4894
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
#BCBAB8
Complementary
of Silver
#B8B8BC
Analogous
of Silver
#B8BCBC
Analogous
of Silver
#DFE0E1
Lighter Tint
of Silver
#F2F2F3
Lighter Tint
of Silver
#F2F2F3
Lighter Tint
of Silver
#919497
Darker Shade
of Silver
#6A6E71
Darker Shade
of Silver
#45474A
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#808281
Gray
4.4% Gray
Web Formats
HEX #808281
RGB 128,130,129
HSL hsl(150, 1%, 51%)
HWB hwb(150, 50%, 49%)
Print & Design
CMYK cmyk(2%, 0%, 1%, 49%)
HSV hsv(150, 2%, 51%)
Perceptual (Color Science)
LAB lab(54.17, -0.94, 0.28)
LCH lch(54.17, 0.98, 163.5°)
XYZ xyz(20.85, 22.14, 23.94)
OKLab oklab(0.6046, -0.0027, 0.0007)
Accessibility (WCAG 2.1)
Aa
On White
3.87:1
Large Only
Aa
On Black
5.43:1
AA Pass
Aa
White on Color
3.87:1
Large Only
Aa
Black on Color
5.43:1
AA Pass
22.1%
Relative Luminance
0.2214
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
#838182
Complementary
of Gray
#818383
Analogous
of Gray
#818381
Analogous
of Gray
#A7A9A8
Lighter Tint
of Gray
#CECFCF
Lighter Tint
of Gray
#F2F2F2
Lighter Tint
of Gray
#5B5D5C
Darker Shade
of Gray
#353636
Darker Shade
of Gray
#0F0F0F
Darker Shade
of Gray
Gray
Named Color
Discover the Hue

This color palette was derived from Lo Fang Ming's acclaimed work "Belonging".

About the Designer

Lo Fang Ming

Lo Fang Ming is an award-winning designer acknowledged by the A' Design Award. Their work showcases mastery in aesthetic development.

Starting from the concept of "freedom in mind" of the Oriental Buddhism, Dream Interior Design attaches importance to the harmonious integration of humanity, natural environment and life aesthetics, explores the most real needs of residents, and uses the space design to tell each unique life story. "People" are the origin, "sincerity" is the principle of mutual understanding, "people are the foundation", understand your friends' dreams, listen to your personal background and life needs, understand each other's individual businesses, make your own good friends, and create A combination of ideas. The life needs of a businessman and the reality of aesthetics, customer and service needs are the most important parts of self-respect.

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

Explore Ming's Palettes View Ming's Profile
Bronze A' Interior Space and Exhibition Design Award 2025

About the Award

Bronze A' Interior Space and Exhibition Design Award 2025

Belonging was honored with the Bronze A' Interior Space and Exhibition Design Award in 2025. 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 Bronze 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 Belonging

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

Belonging - View 2
A2A2A3
7F7F7D
6E6D6A
908F8C
575754
B6B6B6
C8C8CA
363737
Belonging • View 2
Belonging - View 3
9C978D
8A867C
B0ABA3
79756C
65625A
4A4842
242423
151513
Belonging • View 3
Belonging - View 4
797976
9B9C9B
8B8C89
65635E
2A2A2A
474643
171718
B1B5B4
Belonging • View 4
Belonging - View 5
5A514C
463E39
736B67
372C22
969190
61452B
897F7A
695F5A
Belonging • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Elegant Curve
BBB7B0
7B6B56
8D7D6A
ACA298
564734
9E9183
6B5843
382C1C
Elegant Curve
11,416 ID#91257
Montage Fantasia
9E9A96
898279
777064
AFACA9
483E35
655A4E
3E2922
BEBDBD
Montage Fantasia
8,063 ID#134846
Back to glory
4E4C3D
3B3722
211A11
636051
A2A29F
71716D
848481
B3B2B1
Back to glory
15,705 ID#58917
Huai’an Zhongshuge
211D1A
3D3029
544237
0B0A0A
705A4B
8A7564
6F4F3A
87654A
Huai’an Zhongshuge
2,711,230 ID#167817
Pu Tang
613D21
79512F
3B2413
956C45
85603C
AF855A
9E8971
8E7861
Pu Tang
102,567 ID#163207
Hypertank
1E1117
342025
9E4F3F
813E31
4B3134
643227
242142
4C1E19
Hypertank
69,747 ID#163856
Clay Moulded
79472F
60341F
3D1B0E
935B3E
AC6F4D
C47F56
170703
F7B785
Clay Moulded
54,728 ID#171457
Shenzhen Zhongshuge
191313
2D2524
7D6F6B
6B5C58
443937
A1958E
5A4C49
8F837E
Shenzhen Zhongshuge
2,252,624 ID#142467
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
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
China Overseas Yongding Jiuli
849,424 ID#162656
Datalense
0F0C08
282119
5D4D3E
43362A
6A6358
A1988D
867467
795A3E
Datalense
731,173 ID#162927