Project XYLO - View 5 Palette | Color Chips
Color Chips

Color Palette • View 5

Project XYLO — Midi Device

020101
Copy As
HEX #020101
RGB rgb(2,1,1)
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
8E7F8A
Copy As
HEX #8E7F8A
RGB rgb(142,127,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
7C6E76
Copy As
HEX #7C6E76
RGB rgb(124,110,118)
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
D9CED3
Copy As
HEX #D9CED3
RGB rgb(217,206,211)
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
6D6169
Copy As
HEX #6D6169
RGB rgb(109,97,105)
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
EAE0E4
Copy As
HEX #EAE0E4
RGB rgb(234,224,228)
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
C3B6BD
Copy As
HEX #C3B6BD
RGB rgb(195,182,189)
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
9F8F98
Copy As
HEX #9F8F98
RGB rgb(159,143,152)
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
#020101
#8E7F8A
#7C6E76
#D9CED3
#6D6169
#EAE0E4
#C3B6BD
#9F8F98
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.
#020101
Black
19.9% Black
Web Formats
HEX #020101
RGB 2,1,1
HSL hsl(0, 33%, 1%)
HWB hwb(0, 0%, 99%)
Print & Design
CMYK cmyk(0%, 50%, 50%, 99%)
HSV hsv(0, 50%, 1%)
Perceptual (Color Science)
LAB lab(0.33, 0.26, 0.09)
LCH lch(0.33, 0.28, 19.4°)
XYZ xyz(0.04, 0.04, 0.03)
OKLab oklab(0.0725, 0.0063, 0.0021)
Accessibility (WCAG 2.1)
Aa
On White
20.85:1
AAA Pass
Aa
On Black
1.01:1
Fail
Aa
White on Color
20.85:1
AAA Pass
Aa
Black on Color
1.01:1
Fail
0.0%
Relative Luminance
0.0004
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
#020303
Complementary
of Black
#030302
Analogous
of Black
#030203
Analogous
of Black
#361B1B
Lighter Tint
of Black
#693535
Lighter Tint
of Black
#9C4F4F
Lighter Tint
of Black
#110909
Darker Shade
of Black
#110909
Darker Shade
of Black
#110909
Darker Shade
of Black
Black
Named Color
Discover the Hue
#8E7F8A
Gray
19.0% Gray
Web Formats
HEX #8E7F8A
RGB 142,127,138
HSL hsl(316, 6%, 53%)
HWB hwb(316, 50%, 44%)
Print & Design
CMYK cmyk(0%, 11%, 3%, 44%)
HSV hsv(316, 11%, 56%)
Perceptual (Color Science)
LAB lab(54.83, 7.77, -3.85)
LCH lch(54.83, 8.67, 333.7°)
XYZ xyz(23.33, 22.76, 27.2)
OKLab oklab(0.6135, 0.022, -0.0102)
Accessibility (WCAG 2.1)
Aa
On White
3.78:1
Large Only
Aa
On Black
5.55:1
AA Pass
Aa
White on Color
3.78:1
Large Only
Aa
Black on Color
5.55:1
AA Pass
22.8%
Relative Luminance
0.2276
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
#808E84
Complementary
of Gray
#8E8083
Analogous
of Gray
#8B808E
Analogous
of Gray
#B2A9B0
Lighter Tint
of Gray
#D6D1D5
Lighter Tint
of Gray
#F3F1F3
Lighter Tint
of Gray
#675B64
Darker Shade
of Gray
#3E373C
Darker Shade
of Gray
#161315
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#7C6E76
Dim Gray
14.1% Gray
Web Formats
HEX #7C6E76
RGB 124,110,118
HSL hsl(326, 6%, 46%)
HWB hwb(326, 43%, 51%)
Print & Design
CMYK cmyk(0%, 11%, 5%, 51%)
HSV hsv(326, 11%, 49%)
Perceptual (Color Science)
LAB lab(47.94, 6.99, -2.43)
LCH lch(47.94, 7.4, 340.8°)
XYZ xyz(17.16, 16.75, 19.46)
OKLab oklab(0.5538, 0.0201, -0.0064)
Accessibility (WCAG 2.1)
Aa
On White
4.83:1
AA Pass
Aa
On Black
4.35:1
Large Only
Aa
White on Color
4.83:1
AA Pass
Aa
Black on Color
4.35:1
Large Only
16.7%
Relative Luminance
0.1674
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
#6E7C74
Complementary
of Dim Gray
#7C6E6F
Analogous
of Dim Gray
#7B6E7C
Analogous
of Dim Gray
#A2969C
Lighter Tint
of Dim Gray
#C5BEC2
Lighter Tint
of Dim Gray
#E9E7E8
Lighter Tint
of Dim Gray
#544A50
Darker Shade
of Dim Gray
#2B2629
Darker Shade
of Dim Gray
#0E0C0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#D9CED3
Light Gray
13.7% Gray
Web Formats
HEX #D9CED3
RGB 217,206,211
HSL hsl(333, 13%, 83%)
HWB hwb(333, 81%, 15%)
Print & Design
CMYK cmyk(0%, 5%, 3%, 15%)
HSV hsv(333, 5%, 85%)
Perceptual (Color Science)
LAB lab(83.76, 4.68, -1.11)
LCH lch(83.76, 4.81, 346.6°)
XYZ xyz(62.44, 63.6, 70.6)
OKLab oklab(0.8617, 0.0136, -0.0029)
Accessibility (WCAG 2.1)
Aa
On White
1.53:1
Fail
Aa
On Black
13.72:1
AAA Pass
Aa
White on Color
1.53:1
Fail
Aa
Black on Color
13.72:1
AAA Pass
63.6%
Relative Luminance
0.6360
Light

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
#CED9D4
Complementary
of Light Gray
#D9CFCE
Analogous
of Light Gray
#D9CED9
Analogous
of Light Gray
#F4F1F2
Lighter Tint
of Light Gray
#F4F1F2
Lighter Tint
of Light Gray
#F4F1F2
Lighter Tint
of Light Gray
#B8A3AC
Darker Shade
of Light Gray
#977886
Darker Shade
of Light Gray
#6D5460
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#6D6169
Dim Gray
10.6% Gray
Web Formats
HEX #6D6169
RGB 109,97,105
HSL hsl(320, 6%, 40%)
HWB hwb(320, 38%, 57%)
Print & Design
CMYK cmyk(0%, 11%, 4%, 57%)
HSV hsv(320, 11%, 43%)
Perceptual (Color Science)
LAB lab(42.49, 6.36, -2.78)
LCH lch(42.49, 6.94, 336.4°)
XYZ xyz(13.13, 12.82, 15.14)
OKLab oklab(0.5067, 0.0181, -0.0073)
Accessibility (WCAG 2.1)
Aa
On White
5.89:1
AA Pass
Aa
On Black
3.56:1
Large Only
Aa
White on Color
5.89:1
AA Pass
Aa
Black on Color
3.56:1
Large Only
12.8%
Relative Luminance
0.1282
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
#606C64
Complementary
of Dim Gray
#6C6062
Analogous
of Dim Gray
#6A606C
Analogous
of Dim Gray
#93858F
Lighter Tint
of Dim Gray
#B7AEB4
Lighter Tint
of Dim Gray
#DBD6DA
Lighter Tint
of Dim Gray
#443C41
Darker Shade
of Dim Gray
#1B181A
Darker Shade
of Dim Gray
#0E0C0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#EAE0E4
Gainsboro
10.1% Gray
Web Formats
HEX #EAE0E4
RGB 234,224,228
HSL hsl(336, 19%, 90%)
HWB hwb(336, 88%, 8%)
Print & Design
CMYK cmyk(0%, 4%, 3%, 8%)
HSV hsv(336, 4%, 92%)
Perceptual (Color Science)
LAB lab(90.05, 4.09, -0.74)
LCH lch(90.05, 4.16, 349.8°)
XYZ xyz(74.59, 76.41, 84.2)
OKLab oklab(0.9157, 0.0119, -0.0019)
Accessibility (WCAG 2.1)
Aa
On White
1.29:1
Fail
Aa
On Black
16.28:1
AAA Pass
Aa
White on Color
1.29:1
Fail
Aa
Black on Color
16.28:1
AAA Pass
76.4%
Relative Luminance
0.7641
Light

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
#E1EAE6
Complementary
of Gainsboro
#EAE2E1
Analogous
of Gainsboro
#EAE1E9
Analogous
of Gainsboro
#F5F0F2
Lighter Tint
of Gainsboro
#F5F0F2
Lighter Tint
of Gainsboro
#F5F0F2
Lighter Tint
of Gainsboro
#CBB3BD
Darker Shade
of Gainsboro
#AC8695
Darker Shade
of Gainsboro
#895D6E
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#C3B6BD
Silver
6.5% Gray
Web Formats
HEX #C3B6BD
RGB 195,182,189
HSL hsl(328, 10%, 74%)
HWB hwb(328, 71%, 24%)
Print & Design
CMYK cmyk(0%, 7%, 3%, 24%)
HSV hsv(328, 7%, 76%)
Perceptual (Color Science)
LAB lab(75.28, 5.86, -1.88)
LCH lch(75.28, 6.15, 342.2°)
XYZ xyz(48.42, 48.73, 54.99)
OKLab oklab(0.7891, 0.0169, -0.0049)
Accessibility (WCAG 2.1)
Aa
On White
1.95:1
Fail
Aa
On Black
10.75:1
AAA Pass
Aa
White on Color
1.95:1
Fail
Aa
Black on Color
10.75:1
AAA Pass
48.7%
Relative Luminance
0.4873
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
#B6C3BC
Complementary
of Silver
#C3B6B7
Analogous
of Silver
#C3B6C3
Analogous
of Silver
#E6E0E3
Lighter Tint
of Silver
#F4F1F2
Lighter Tint
of Silver
#F4F1F2
Lighter Tint
of Silver
#A18C97
Darker Shade
of Silver
#7B6571
Darker Shade
of Silver
#51434A
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#9F8F98
Rosy Brown
6.2% Brown
Web Formats
HEX #9F8F98
RGB 159,143,152
HSL hsl(326, 8%, 59%)
HWB hwb(326, 56%, 38%)
Print & Design
CMYK cmyk(0%, 10%, 4%, 38%)
HSV hsv(326, 10%, 62%)
Perceptual (Color Science)
LAB lab(61.03, 7.6, -2.58)
LCH lch(61.03, 8.02, 341.2°)
XYZ xyz(29.79, 29.28, 33.78)
OKLab oklab(0.6669, 0.0219, -0.0068)
Accessibility (WCAG 2.1)
Aa
On White
3.06:1
Large Only
Aa
On Black
6.86:1
AA Pass
Aa
White on Color
3.06:1
Large Only
Aa
Black on Color
6.86:1
AA Pass
29.3%
Relative Luminance
0.2928
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
#8E9F95
Complementary
of Rosy Brown
#9F8E8F
Analogous
of Rosy Brown
#9E8E9F
Analogous
of Rosy Brown
#C2B7BD
Lighter Tint
of Rosy Brown
#E5E1E3
Lighter Tint
of Rosy Brown
#F3F1F2
Lighter Tint
of Rosy Brown
#796771
Darker Shade
of Rosy Brown
#50444B
Darker Shade
of Rosy Brown
#272124
Darker Shade
of Rosy Brown
Rosy Brown
Named Color
Discover the Hue