View the Colors of Project XYLO | Color Chips
Color Chips

Color Palette

Project XYLO — Midi Device

6D676A
Copy As
HEX #6D676A
RGB rgb(109,103,106)
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
444042
Copy As
HEX #444042
RGB rgb(68,64,66)
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
898288
Copy As
HEX #898288
RGB rgb(137,130,136)
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
9F9AA2
Copy As
HEX #9F9AA2
RGB rgb(159,154,162)
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
7A7274
Copy As
HEX #7A7274
RGB rgb(122,114,116)
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
CAC4C8
Copy As
HEX #CAC4C8
RGB rgb(202,196,200)
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
000000
Copy As
HEX #000000
RGB rgb(0,0,0)
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
B1ADB4
Copy As
HEX #B1ADB4
RGB rgb(177,173,180)
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
#6D676A
#444042
#898288
#9F9AA2
#7A7274
#CAC4C8
#000000
#B1ADB4
Project XYLO

This palette was extracted from

Project XYLO

Award-Winning Midi Device

About the Design

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

About the Award-Winning Midi Device Design: Project Xylo reimagines midi interaction through a gamified, social platform for music making. Accessible to all skill levels, it simplifies beat creation with harmonic and tempo sync. Swappable cartridges and snap together devices support collaboration, while a retro, modular design enhances usability and style. Project Xylo is a series of portable midi devices designed for everyday music creation, offered in three sizes: sample, pocket, and midi.

This palette has a refreshing feel, suggesting peaceful balance.

View at A' Design Award

Project XYLO, the inspiration behind this palette, was designed by Kevin Yang.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#6D676A
Dim Gray
67.4% Gray
Web Formats
HEX #6D676A
RGB 109,103,106
HSL hsl(330, 3%, 42%)
HWB hwb(330, 40%, 57%)
Print & Design
CMYK cmyk(0%, 6%, 3%, 57%)
HSV hsv(330, 6%, 43%)
Perceptual (Color Science)
LAB lab(44.22, 2.95, -0.84)
LCH lch(44.22, 3.07, 344.1°)
XYZ xyz(13.76, 13.99, 15.61)
OKLab oklab(0.5203, 0.0085, -0.0022)
Accessibility (WCAG 2.1)
Aa
On White
5.53:1
AA Pass
Aa
On Black
3.80:1
Large Only
Aa
White on Color
5.53:1
AA Pass
Aa
Black on Color
3.80:1
Large Only
14.0%
Relative Luminance
0.1399
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
#686E6B
Complementary
of Dim Gray
#6E6868
Analogous
of Dim Gray
#6E686E
Analogous
of Dim Gray
#958E91
Lighter Tint
of Dim Gray
#BAB5B8
Lighter Tint
of Dim Gray
#DFDDDE
Lighter Tint
of Dim Gray
#474345
Darker Shade
of Dim Gray
#201E1F
Darker Shade
of Dim Gray
#0D0C0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#444042
Dark Slate Gray
8.9% Gray
Web Formats
HEX #444042
RGB 68,64,66
HSL hsl(330, 3%, 26%)
HWB hwb(330, 25%, 73%)
Print & Design
CMYK cmyk(0%, 6%, 3%, 73%)
HSV hsv(330, 6%, 27%)
Perceptual (Color Science)
LAB lab(27.54, 2.13, -0.61)
LCH lch(27.54, 2.22, 344.1°)
XYZ xyz(5.2, 5.29, 5.9)
OKLab oklab(0.3762, 0.0062, -0.0016)
Accessibility (WCAG 2.1)
Aa
On White
10.20:1
AAA Pass
Aa
On Black
2.06:1
Fail
Aa
White on Color
10.20:1
AAA Pass
Aa
Black on Color
2.06:1
Fail
5.3%
Relative Luminance
0.0529
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
#404442
Complementary
of Dark Slate Gray
#444040
Analogous
of Dark Slate Gray
#444044
Analogous
of Dark Slate Gray
#6C6569
Lighter Tint
of Dark Slate Gray
#928B8F
Lighter Tint
of Dark Slate Gray
#B7B3B5
Lighter Tint
of Dark Slate Gray
#1D1B1C
Darker Shade
of Dark Slate Gray
#0D0C0D
Darker Shade
of Dark Slate Gray
#0D0C0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#898288
Gray
4.5% Gray
Web Formats
HEX #898288
RGB 137,130,136
HSL hsl(309, 3%, 52%)
HWB hwb(309, 51%, 46%)
Print & Design
CMYK cmyk(0%, 5%, 1%, 46%)
HSV hsv(309, 5%, 54%)
Perceptual (Color Science)
LAB lab(55.14, 3.79, -2.29)
LCH lch(55.14, 4.43, 328.9°)
XYZ xyz(22.74, 23.06, 26.54)
OKLab oklab(0.6147, 0.0106, -0.006)
Accessibility (WCAG 2.1)
Aa
On White
3.74:1
Large Only
Aa
On Black
5.61:1
AA Pass
Aa
White on Color
3.74:1
Large Only
Aa
Black on Color
5.61:1
AA Pass
23.1%
Relative Luminance
0.2306
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
#818882
Complementary
of Gray
#888183
Analogous
of Gray
#868188
Analogous
of Gray
#ADA8AD
Lighter Tint
of Gray
#D2D0D2
Lighter Tint
of Gray
#F3F2F3
Lighter Tint
of Gray
#615C60
Darker Shade
of Gray
#3A3639
Darker Shade
of Gray
#121112
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#9F9AA2
Dark Gray
4.0% Gray
Web Formats
HEX #9F9AA2
RGB 159,154,162
HSL hsl(278, 4%, 62%)
HWB hwb(278, 60%, 36%)
Print & Design
CMYK cmyk(2%, 5%, 0%, 36%)
HSV hsv(278, 5%, 64%)
Perceptual (Color Science)
LAB lab(64.23, 3.35, -3.53)
LCH lch(64.23, 4.86, 313.5°)
XYZ xyz(32.37, 33.09, 38.86)
OKLab oklab(0.6929, 0.0088, -0.0094)
Accessibility (WCAG 2.1)
Aa
On White
2.76:1
Fail
Aa
On Black
7.62:1
AAA Pass
Aa
White on Color
2.76:1
Fail
Aa
Black on Color
7.62:1
AAA Pass
33.1%
Relative Luminance
0.3309
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
#9DA29A
Complementary
of Dark Gray
#A29AA1
Analogous
of Dark Gray
#9B9AA2
Analogous
of Dark Gray
#C5C2C7
Lighter Tint
of Dark Gray
#EBEAEB
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#79737D
Darker Shade
of Dark Gray
#524E55
Darker Shade
of Dark Gray
#2C2A2D
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#7A7274
Gray
4.2% Gray
Web Formats
HEX #7A7274
RGB 122,114,116
HSL hsl(345, 3%, 46%)
HWB hwb(345, 45%, 52%)
Print & Design
CMYK cmyk(0%, 7%, 5%, 52%)
HSV hsv(345, 7%, 48%)
Perceptual (Color Science)
LAB lab(48.8, 3.47, 0.01)
LCH lch(48.8, 3.47, 0.1°)
XYZ xyz(17.2, 17.43, 18.98)
OKLab oklab(0.5599, 0.0103, 0.0001)
Accessibility (WCAG 2.1)
Aa
On White
4.68:1
AA Pass
Aa
On Black
4.49:1
Large Only
Aa
White on Color
4.68:1
AA Pass
Aa
Black on Color
4.49:1
Large Only
17.4%
Relative Luminance
0.1743
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
#727977
Complementary
of Gray
#797472
Analogous
of Gray
#797277
Analogous
of Gray
#9F999A
Lighter Tint
of Gray
#C4C0C1
Lighter Tint
of Gray
#E9E7E8
Lighter Tint
of Gray
#514D4E
Darker Shade
of Gray
#2A2828
Darker Shade
of Gray
#0D0C0D
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#CAC4C8
Silver
3.9% Gray
Web Formats
HEX #CAC4C8
RGB 202,196,200
HSL hsl(320, 5%, 78%)
HWB hwb(320, 77%, 21%)
Print & Design
CMYK cmyk(0%, 3%, 1%, 21%)
HSV hsv(320, 3%, 79%)
Perceptual (Color Science)
LAB lab(79.73, 2.81, -1.26)
LCH lch(79.73, 3.08, 335.9°)
XYZ xyz(54.52, 56.21, 62.61)
OKLab oklab(0.8263, 0.008, -0.0033)
Accessibility (WCAG 2.1)
Aa
On White
1.72:1
Fail
Aa
On Black
12.24:1
AAA Pass
Aa
White on Color
1.72:1
Fail
Aa
Black on Color
12.24:1
AAA Pass
56.2%
Relative Luminance
0.5621
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
#C4CAC6
Complementary
of Silver
#CAC4C5
Analogous
of Silver
#C9C4CA
Analogous
of Silver
#EEECED
Lighter Tint
of Silver
#F3F2F2
Lighter Tint
of Silver
#F3F2F2
Lighter Tint
of Silver
#A59CA2
Darker Shade
of Silver
#81747C
Darker Shade
of Silver
#585056
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#000000
Black
3.5% Black
Web Formats
HEX #000000
RGB 0,0,0
HSL hsl(0, 0%, 0%)
HWB hwb(0, 0%, 100%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 100%)
HSV hsv(0, 0%, 0%)
Perceptual (Color Science)
LAB lab(0, 0, 0)
LCH lch(0, 0, 0°)
XYZ xyz(0, 0, 0)
OKLab oklab(0, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
21.00:1
AAA Pass
Aa
On Black
1.00:1
Fail
Aa
White on Color
21.00:1
AAA Pass
Aa
Black on Color
1.00:1
Fail
0.0%
Relative Luminance
0.0000
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
#000000
Complementary
of Black
#000000
Analogous
of Black
#000000
Analogous
of Black
#262626
Lighter Tint
of Black
#4D4D4D
Lighter Tint
of Black
#737373
Lighter Tint
of Black
#0D0D0D
Darker Shade
of Black
#0D0D0D
Darker Shade
of Black
#0D0D0D
Darker Shade
of Black
Black
Named Color
Discover the Hue
#B1ADB4
Dark Gray
3.7% Gray
Web Formats
HEX #B1ADB4
RGB 177,173,180
HSL hsl(274, 4%, 69%)
HWB hwb(274, 68%, 29%)
Print & Design
CMYK cmyk(2%, 4%, 0%, 29%)
HSV hsv(274, 4%, 71%)
Perceptual (Color Science)
LAB lab(71.23, 2.74, -3.07)
LCH lch(71.23, 4.11, 311.7°)
XYZ xyz(41.31, 42.53, 49.2)
OKLab oklab(0.753, 0.0071, -0.0082)
Accessibility (WCAG 2.1)
Aa
On White
2.21:1
Fail
Aa
On Black
9.51:1
AAA Pass
Aa
White on Color
2.21:1
Fail
Aa
Black on Color
9.51:1
AAA Pass
42.5%
Relative Luminance
0.4253
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
#B0B3AD
Complementary
of Dark Gray
#B3ADB3
Analogous
of Dark Gray
#ADADB3
Analogous
of Dark Gray
#D6D5D8
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#8A858E
Darker Shade
of Dark Gray
#645F67
Darker Shade
of Dark Gray
#3E3B40
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue

These colors were identified within Kevin Yang's acclaimed work "Project XYLO".

Kevin Yang

About the Designer

Kevin Yang

Kevin Yang is a distinguished creative professional celebrated by the A' Design Award. Their designs embodies excellence in innovative design.

With backgrounds in sculpture and product design, Kevin is seeking the commercial balance among functional works of arts, fusing creativity and user-centric solutions that elevate the everyday needs and wants. By focusing on user experience, interactions and corresponding CMF designs, Kevin is keen to dismantle, rebuild, and transform the mundanes into extraordinaries with inspirational touches and design proficiency.

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

Explore Yang's Palettes View Yang's Profile
Golden A' Toys, Games and Hobby Products Design Award 2025

About the Award

Golden A' Toys, Games and Hobby Products Design Award 2025

Project XYLO has been recognized with the Golden A' Toys, Games and Hobby Products Design Award in 2025. The A' Design Award is an internationally acknowledged design competition that recognizes outstanding creative accomplishment. Laureates are chosen through comprehensive judging by industry experts comprising academics, professionals and press members. The Golden status represents notable design quality as judged by the review committee.

A' Toys, Games and Hobby Products Design Award

Ignite the imagination with your groundbreaking toys, games, and hobby products. The toy award category highlights playful innovation, engaging design, and the ability to inspire joy across all ages.

Recognizes: Dolls, Action Figures, Board Games, Puzzles, Plush Toys, Educational Toys, Building Blocks, Model Kits and More.
Learn More About A' Toys, Games and Hobby Products Design Award View at A' Design Award

More Palettes from Project XYLO

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

Project XYLO - View 2
786D74
534B4E
8D808A
D0C3C9
B6AAB4
070506
9C909A
A89CA6
Project XYLO • View 2
Project XYLO - View 3
75696E
E8DDDF
454041
010000
D0BFBF
B1958E
E15703
F2EAEC
Project XYLO • View 3
Project XYLO - View 4
90898E
5D5357
4A393E
877E82
010102
6E6166
D9D4D7
33272A
Project XYLO • View 4
Project XYLO - View 5
020101
8E7F8A
7C6E76
D9CED3
6D6169
EAE0E4
C3B6BD
9F8F98
Project XYLO • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Tenki
DFD9D6
F9F6EF
FB5C3E
EE3F29
FD4B2B
FD6B4D
F19D8C
F57E68
Tenki
2,255,766 ID#148593
Piks
D3D1CC
8D5C44
B38065
A46C50
B1A9A0
774834
5A3627
DB4530
Piks
2,235,172 ID#124362
Bavvic
F1EFF6
9B5349
AD6456
D6CED8
E7DBD9
B77C62
C0B7C8
8B5B6F
Bavvic
1,958,326 ID#138380
Smart Box
EFE8E4
E0D4CD
E9C1B0
D69E87
C58C72
BA8266
DEAF9D
CDC1BC
Smart Box
72,630 ID#119205
MoFU
B28B2B
E0C780
D7B760
9D7713
EDD799
C8A44E
AA5F05
E9943C
MoFU
66,269 ID#100594
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
Xingshufu Banouet
521007
511D11
853312
6D200D
A14316
3E0905
0B0202
564335
Xingshufu Banouet
2,900,129 ID#162641
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
China Overseas Yongding Jiuli
849,424 ID#162656
T6 Intelligent
969799
AFAFB2
A2A2A5
D1D1D3
E4E5E6
C0C0C2
787A7E
616366
T6 Intelligent
871,483 ID#162893