Project XYLO - View 2 Palette | Color Chips
Color Chips

Color Palette • View 2

Project XYLO — Midi Device

786D74
Copy As
HEX #786D74
RGB rgb(120,109,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
534B4E
Copy As
HEX #534B4E
RGB rgb(83,75,78)
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
8D808A
Copy As
HEX #8D808A
RGB rgb(141,128,138)
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
D0C3C9
Copy As
HEX #D0C3C9
RGB rgb(208,195,201)
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
B6AAB4
Copy As
HEX #B6AAB4
RGB rgb(182,170,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
070506
Copy As
HEX #070506
RGB rgb(7,5,6)
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
9C909A
Copy As
HEX #9C909A
RGB rgb(156,144,154)
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
A89CA6
Copy As
HEX #A89CA6
RGB rgb(168,156,166)
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
#786D74
#534B4E
#8D808A
#D0C3C9
#B6AAB4
#070506
#9C909A
#A89CA6
Project XYLO

This palette is from

Project XYLO

Midi Device

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#786D74
Dim Gray
39.2% Gray
Web Formats
HEX #786D74
RGB 120,109,116
HSL hsl(322, 5%, 45%)
HWB hwb(322, 43%, 53%)
Print & Design
CMYK cmyk(0%, 9%, 3%, 53%)
HSV hsv(322, 9%, 47%)
Perceptual (Color Science)
LAB lab(47.22, 5.65, -2.33)
LCH lch(47.22, 6.11, 337.6°)
XYZ xyz(16.37, 16.19, 18.78)
OKLab oklab(0.5472, 0.0161, -0.0061)
Accessibility (WCAG 2.1)
Aa
On White
4.95:1
AA Pass
Aa
On Black
4.24:1
Large Only
Aa
White on Color
4.95:1
AA Pass
Aa
Black on Color
4.24:1
Large Only
16.2%
Relative Luminance
0.1619
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
#6D7871
Complementary
of Dim Gray
#786D6F
Analogous
of Dim Gray
#776D78
Analogous
of Dim Gray
#9E949A
Lighter Tint
of Dim Gray
#C2BCC0
Lighter Tint
of Dim Gray
#E7E4E6
Lighter Tint
of Dim Gray
#50494E
Darker Shade
of Dim Gray
#282427
Darker Shade
of Dim Gray
#0D0C0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#534B4E
Dark Slate Gray
21.4% Gray
Web Formats
HEX #534B4E
RGB 83,75,78
HSL hsl(338, 5%, 31%)
HWB hwb(338, 29%, 67%)
Print & Design
CMYK cmyk(0%, 10%, 6%, 67%)
HSV hsv(338, 10%, 33%)
Perceptual (Color Science)
LAB lab(32.75, 3.94, -0.57)
LCH lch(32.75, 3.98, 351.8°)
XYZ xyz(7.46, 7.42, 8.25)
OKLab oklab(0.4217, 0.0116, -0.0015)
Accessibility (WCAG 2.1)
Aa
On White
8.45:1
AAA Pass
Aa
On Black
2.48:1
Fail
Aa
White on Color
8.45:1
AAA Pass
Aa
Black on Color
2.48:1
Fail
7.4%
Relative Luminance
0.0742
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
#4B5350
Complementary
of Dark Slate Gray
#534C4B
Analogous
of Dark Slate Gray
#534B52
Analogous
of Dark Slate Gray
#7B6F74
Lighter Tint
of Dark Slate Gray
#A1979A
Lighter Tint
of Dark Slate Gray
#C5BFC1
Lighter Tint
of Dark Slate Gray
#2B2728
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
#8D808A
Gray
8.3% Gray
Web Formats
HEX #8D808A
RGB 141,128,138
HSL hsl(314, 5%, 53%)
HWB hwb(314, 50%, 45%)
Print & Design
CMYK cmyk(0%, 9%, 2%, 45%)
HSV hsv(314, 9%, 55%)
Perceptual (Color Science)
LAB lab(55.01, 6.82, -3.6)
LCH lch(55.01, 7.71, 332.2°)
XYZ xyz(23.29, 22.94, 27.24)
OKLab oklab(0.6147, 0.0192, -0.0095)
Accessibility (WCAG 2.1)
Aa
On White
3.76:1
Large Only
Aa
On Black
5.59:1
AA Pass
Aa
White on Color
3.76:1
Large Only
Aa
Black on Color
5.59:1
AA Pass
22.9%
Relative Luminance
0.2294
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
#818D84
Complementary
of Gray
#8D8184
Analogous
of Gray
#8A818D
Analogous
of Gray
#B1A9B0
Lighter Tint
of Gray
#D6D1D5
Lighter Tint
of Gray
#F3F2F3
Lighter Tint
of Gray
#665C63
Darker Shade
of Gray
#3E383C
Darker Shade
of Gray
#151315
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#D0C3C9
Thistle
8.2% Purple
Web Formats
HEX #D0C3C9
RGB 208,195,201
HSL hsl(332, 12%, 79%)
HWB hwb(332, 76%, 18%)
Print & Design
CMYK cmyk(0%, 6%, 3%, 18%)
HSV hsv(332, 6%, 82%)
Perceptual (Color Science)
LAB lab(79.99, 5.6, -1.36)
LCH lch(79.99, 5.77, 346.3°)
XYZ xyz(56.07, 56.66, 63.23)
OKLab oklab(0.8296, 0.0163, -0.0035)
Accessibility (WCAG 2.1)
Aa
On White
1.70:1
Fail
Aa
On Black
12.33:1
AAA Pass
Aa
White on Color
1.70:1
Fail
Aa
Black on Color
12.33:1
AAA Pass
56.7%
Relative Luminance
0.5666
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
#C3D0CA
Complementary
of Thistle
#D0C3C3
Analogous
of Thistle
#D0C3CF
Analogous
of Thistle
#F2EEF0
Lighter Tint
of Thistle
#F4F1F2
Lighter Tint
of Thistle
#F4F1F2
Lighter Tint
of Thistle
#AE98A2
Darker Shade
of Thistle
#8C6E7C
Darker Shade
of Thistle
#614C56
Darker Shade
of Thistle
Thistle
Named Color
Discover the Hue
#B6AAB4
Dark Gray
7.1% Gray
Web Formats
HEX #B6AAB4
RGB 182,170,180
HSL hsl(310, 8%, 69%)
HWB hwb(310, 67%, 29%)
Print & Design
CMYK cmyk(0%, 7%, 1%, 29%)
HSV hsv(310, 7%, 71%)
Perceptual (Color Science)
LAB lab(70.86, 6.13, -3.57)
LCH lch(70.86, 7.09, 329.8°)
XYZ xyz(41.9, 41.99, 49.07)
OKLab oklab(0.7511, 0.0171, -0.0094)
Accessibility (WCAG 2.1)
Aa
On White
2.23:1
Fail
Aa
On Black
9.40:1
AAA Pass
Aa
White on Color
2.23:1
Fail
Aa
Black on Color
9.40:1
AAA Pass
42.0%
Relative Luminance
0.4199
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
#AAB6AC
Complementary
of Dark Gray
#B6AAAE
Analogous
of Dark Gray
#B2AAB6
Analogous
of Dark Gray
#D9D3D8
Lighter Tint
of Dark Gray
#F3F1F3
Lighter Tint
of Dark Gray
#F3F1F3
Lighter Tint
of Dark Gray
#938090
Darker Shade
of Dark Gray
#6B5B69
Darker Shade
of Dark Gray
#423840
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#070506
Black
6.2% Black
Web Formats
HEX #070506
RGB 7,5,6
HSL hsl(330, 17%, 2%)
HWB hwb(330, 2%, 97%)
Print & Design
CMYK cmyk(0%, 29%, 14%, 97%)
HSV hsv(330, 29%, 3%)
Perceptual (Color Science)
LAB lab(1.51, 0.66, -0.19)
LCH lch(1.51, 0.69, 343.7°)
XYZ xyz(0.17, 0.17, 0.2)
OKLab oklab(0.1194, 0.0057, -0.0015)
Accessibility (WCAG 2.1)
Aa
On White
20.32:1
AAA Pass
Aa
On Black
1.03:1
Fail
Aa
White on Color
20.32:1
AAA Pass
Aa
Black on Color
1.03:1
Fail
0.2%
Relative Luminance
0.0017
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
#040605
Complementary
of Black
#060404
Analogous
of Black
#060406
Analogous
of Black
#33242B
Lighter Tint
of Black
#5F4452
Lighter Tint
of Black
#8C6378
Lighter Tint
of Black
#0F0B0D
Darker Shade
of Black
#0F0B0D
Darker Shade
of Black
#0F0B0D
Darker Shade
of Black
Black
Named Color
Discover the Hue
#9C909A
Rosy Brown
6.2% Brown
Web Formats
HEX #9C909A
RGB 156,144,154
HSL hsl(310, 6%, 59%)
HWB hwb(310, 56%, 39%)
Print & Design
CMYK cmyk(0%, 8%, 1%, 39%)
HSV hsv(310, 8%, 61%)
Perceptual (Color Science)
LAB lab(61.09, 6.32, -3.67)
LCH lch(61.09, 7.31, 329.8°)
XYZ xyz(29.52, 29.35, 34.68)
OKLab oklab(0.6669, 0.0177, -0.0097)
Accessibility (WCAG 2.1)
Aa
On White
3.06:1
Large Only
Aa
On Black
6.87:1
AA Pass
Aa
White on Color
3.06:1
Large Only
Aa
Black on Color
6.87:1
AA Pass
29.4%
Relative Luminance
0.2935
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
#909D92
Complementary
of Rosy Brown
#9D9094
Analogous
of Rosy Brown
#99909D
Analogous
of Rosy Brown
#C1B9BF
Lighter Tint
of Rosy Brown
#E5E1E4
Lighter Tint
of Rosy Brown
#F3F1F3
Lighter Tint
of Rosy Brown
#776975
Darker Shade
of Rosy Brown
#4E464D
Darker Shade
of Rosy Brown
#262225
Darker Shade
of Rosy Brown
Rosy Brown
Named Color
Discover the Hue
#A89CA6
Dark Gray
3.4% Gray
Web Formats
HEX #A89CA6
RGB 168,156,166
HSL hsl(310, 6%, 64%)
HWB hwb(310, 61%, 34%)
Print & Design
CMYK cmyk(0%, 7%, 1%, 34%)
HSV hsv(310, 7%, 66%)
Perceptual (Color Science)
LAB lab(65.64, 6.23, -3.62)
LCH lch(65.64, 7.2, 329.8°)
XYZ xyz(34.92, 34.86, 40.96)
OKLab oklab(0.7061, 0.0174, -0.0096)
Accessibility (WCAG 2.1)
Aa
On White
2.63:1
Fail
Aa
On Black
7.97:1
AAA Pass
Aa
White on Color
2.63:1
Fail
Aa
Black on Color
7.97:1
AAA Pass
34.9%
Relative Luminance
0.3485
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
#9EA9A0
Complementary
of Dark Gray
#A99EA1
Analogous
of Dark Gray
#A59EA9
Analogous
of Dark Gray
#CDC6CC
Lighter Tint
of Dark Gray
#F1EFF0
Lighter Tint
of Dark Gray
#F3F1F3
Lighter Tint
of Dark Gray
#847582
Darker Shade
of Dark Gray
#5C515A
Darker Shade
of Dark Gray
#332E32
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue