Jewelry Design Colors

Color Palette • View 2

X Series — Watch

313130
Copy As
HEX#313130
RGBrgb(49,49,48)
HSLhsl(60, 1%, 19%)
CMYKcmyk(0%, 0%, 2%, 81%)
Download
SVG PNG
4A4A49
Copy As
HEX#4A4A49
RGBrgb(74,74,73)
HSLhsl(60, 1%, 29%)
CMYKcmyk(0%, 0%, 1%, 71%)
Download
SVG PNG
1C1C1C
Copy As
HEX#1C1C1C
RGBrgb(28,28,28)
HSLhsl(0, 0%, 11%)
CMYKcmyk(0%, 0%, 0%, 89%)
Download
SVG PNG
636462
Copy As
HEX#636462
RGBrgb(99,100,98)
HSLhsl(90, 1%, 39%)
CMYKcmyk(1%, 0%, 2%, 61%)
Download
SVG PNG
7C7D7A
Copy As
HEX#7C7D7A
RGBrgb(124,125,122)
HSLhsl(80, 1%, 48%)
CMYKcmyk(1%, 0%, 2%, 51%)
Download
SVG PNG
403F3E
Copy As
HEX#403F3E
RGBrgb(64,63,62)
HSLhsl(30, 2%, 25%)
CMYKcmyk(0%, 2%, 3%, 75%)
Download
SVG PNG
A1A29E
Copy As
HEX#A1A29E
RGBrgb(161,162,158)
HSLhsl(75, 2%, 63%)
CMYKcmyk(1%, 0%, 2%, 36%)
Download
SVG PNG
8F928C
Copy As
HEX#8F928C
RGBrgb(143,146,140)
HSLhsl(90, 3%, 56%)
CMYKcmyk(2%, 0%, 4%, 43%)
Download
SVG PNG
#313130
#4A4A49
#1C1C1C
#636462
#7C7D7A
#403F3E
#A1A29E
#8F928C
X Series - View 2 View 2
Palette extracted from this image

This palette is from

X Series

Watch

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#313130
Dark Slate Gray
38.7% Gray
Web Formats
HEX#313130
RGB49,49,48
HSLhsl(60, 1%, 19%)
HWBhwb(60, 19%, 81%)
Print & Design
CMYKcmyk(0%, 0%, 2%, 81%)
HSVhsv(60, 2%, 19%)
Perceptual (Color Science)
LABlab(20.29, -0.23, 0.64)
LCHlch(20.29, 0.68, 110°)
XYZxyz(2.9, 3.06, 3.23)
OKLaboklab(0.3128, -0.0005, 0.0017)
Accessibility (WCAG 2.1)
Aa
On White
13.02:1
AAA Pass
Aa
On Black
1.61:1
Fail
Aa
White on Color
13.02:1
AAA Pass
Aa
Black on Color
1.61:1
Fail
3.1%
Relative Luminance
0.0306
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
#303031
Complementary
of Dark Slate Gray
#303130
Analogous
of Dark Slate Gray
#313030
Analogous
of Dark Slate Gray
#585856
Lighter Tint
of Dark Slate Gray
#7E7E7C
Lighter Tint
of Dark Slate Gray
#A4A4A2
Lighter Tint
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#4A4A49
Dark Slate Gray
16.0% Gray
Web Formats
HEX#4A4A49
RGB74,74,73
HSLhsl(60, 1%, 29%)
HWBhwb(60, 29%, 71%)
Print & Design
CMYKcmyk(0%, 0%, 1%, 71%)
HSVhsv(60, 1%, 29%)
Perceptual (Color Science)
LABlab(31.43, -0.22, 0.6)
LCHlch(31.43, 0.63, 110.1°)
XYZxyz(6.48, 6.83, 7.28)
OKLaboklab(0.4088, -0.0005, 0.0016)
Accessibility (WCAG 2.1)
Aa
On White
8.87:1
AAA Pass
Aa
On Black
2.37:1
Fail
Aa
White on Color
8.87:1
AAA Pass
Aa
Black on Color
2.37:1
Fail
6.8%
Relative Luminance
0.0683
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
#49494B
Complementary
of Dark Slate Gray
#4A4B49
Analogous
of Dark Slate Gray
#4B4A49
Analogous
of Dark Slate Gray
#71716F
Lighter Tint
of Dark Slate Gray
#979795
Lighter Tint
of Dark Slate Gray
#BDBDBC
Lighter Tint
of Dark Slate Gray
#242423
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#1C1C1C
Black
14.3% Black
Web Formats
HEX#1C1C1C
RGB28,28,28
HSLhsl(0, 0%, 11%)
HWBhwb(0, 11%, 89%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 89%)
HSVhsv(0, 0%, 11%)
Perceptual (Color Science)
LABlab(10.27, -0, 0)
LCHlch(10.27, 0, 158.2°)
XYZxyz(1.1, 1.16, 1.26)
OKLaboklab(0.2264, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
17.04:1
AAA Pass
Aa
On Black
1.23:1
Fail
Aa
White on Color
17.04:1
AAA Pass
Aa
Black on Color
1.23:1
Fail
1.2%
Relative Luminance
0.0116
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
#1C1C1C
Complementary
of Black
#1C1C1C
Analogous
of Black
#1C1C1C
Analogous
of Black
#424242
Lighter Tint
of Black
#696969
Lighter Tint
of Black
#8F8F8F
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
#636462
Dim Gray
9.0% Gray
Web Formats
HEX#636462
RGB99,100,98
HSLhsl(90, 1%, 39%)
HWBhwb(90, 38%, 61%)
Print & Design
CMYKcmyk(1%, 0%, 2%, 61%)
HSVhsv(90, 2%, 39%)
Perceptual (Color Science)
LABlab(42.23, -0.81, 0.99)
LCHlch(42.23, 1.28, 129°)
XYZxyz(11.91, 12.65, 13.37)
OKLaboklab(0.5017, -0.0021, 0.0026)
Accessibility (WCAG 2.1)
Aa
On White
5.95:1
AA Pass
Aa
On Black
3.53:1
Large Only
Aa
White on Color
5.95:1
AA Pass
Aa
Black on Color
3.53:1
Large Only
12.7%
Relative Luminance
0.1265
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
#636264
Complementary
of Dim Gray
#626462
Analogous
of Dim Gray
#646462
Analogous
of Dim Gray
#8A8B89
Lighter Tint
of Dim Gray
#B0B1AF
Lighter Tint
of Dim Gray
#D6D7D6
Lighter Tint
of Dim Gray
#3D3E3D
Darker Shade
of Dim Gray
#171717
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#7C7D7A
Gray
6.8% Gray
Web Formats
HEX#7C7D7A
RGB124,125,122
HSLhsl(80, 1%, 48%)
HWBhwb(80, 48%, 51%)
Print & Design
CMYKcmyk(1%, 0%, 2%, 51%)
HSVhsv(80, 2%, 49%)
Perceptual (Color Science)
LABlab(52.24, -0.97, 1.5)
LCHlch(52.24, 1.79, 122.9°)
XYZxyz(19.16, 20.36, 21.33)
OKLaboklab(0.5879, -0.0024, 0.004)
Accessibility (WCAG 2.1)
Aa
On White
4.14:1
Large Only
Aa
On Black
5.07:1
AA Pass
Aa
White on Color
4.14:1
Large Only
Aa
Black on Color
5.07:1
AA Pass
20.4%
Relative Luminance
0.2036
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
#7A797C
Complementary
of Gray
#7A7C79
Analogous
of Gray
#7C7B79
Analogous
of Gray
#A1A2A0
Lighter Tint
of Gray
#C7C7C6
Lighter Tint
of Gray
#EDEDED
Lighter Tint
of Gray
#545553
Darker Shade
of Gray
#2E2E2D
Darker Shade
of Gray
#0D0D0D
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#403F3E
Dark Slate Gray
6.7% Gray
Web Formats
HEX#403F3E
RGB64,63,62
HSLhsl(30, 2%, 25%)
HWBhwb(30, 24%, 75%)
Print & Design
CMYKcmyk(0%, 2%, 3%, 75%)
HSVhsv(30, 3%, 25%)
Perceptual (Color Science)
LABlab(26.71, 0.2, 0.76)
LCHlch(26.71, 0.79, 75.1°)
XYZxyz(4.76, 4.99, 5.27)
OKLaboklab(0.3683, 0.0008, 0.002)
Accessibility (WCAG 2.1)
Aa
On White
10.51:1
AAA Pass
Aa
On Black
2.00:1
Fail
Aa
White on Color
10.51:1
AAA Pass
Aa
Black on Color
2.00:1
Fail
5.0%
Relative Luminance
0.0499
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
#3E4041
Complementary
of Dark Slate Gray
#41413E
Analogous
of Dark Slate Gray
#413E3E
Analogous
of Dark Slate Gray
#686664
Lighter Tint
of Dark Slate Gray
#8F8C8A
Lighter Tint
of Dark Slate Gray
#B4B3B1
Lighter Tint
of Dark Slate Gray
#1A1A19
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
#A1A29E
Dark Gray
4.4% Gray
Web Formats
HEX#A1A29E
RGB161,162,158
HSLhsl(75, 2%, 63%)
HWBhwb(75, 62%, 36%)
Print & Design
CMYKcmyk(1%, 0%, 2%, 36%)
HSVhsv(75, 2%, 64%)
Perceptual (Color Science)
LABlab(66.43, -1.11, 1.95)
LCHlch(66.43, 2.25, 119.8°)
XYZxyz(33.79, 35.89, 37.49)
OKLaboklab(0.7102, -0.0027, 0.0051)
Accessibility (WCAG 2.1)
Aa
On White
2.57:1
Fail
Aa
On Black
8.18:1
AAA Pass
Aa
White on Color
2.57:1
Fail
Aa
Black on Color
8.18:1
AAA Pass
35.9%
Relative Luminance
0.3589
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
#A09FA3
Complementary
of Dark Gray
#A0A39F
Analogous
of Dark Gray
#A3A29F
Analogous
of Dark Gray
#C7C8C6
Lighter Tint
of Dark Gray
#EDEEED
Lighter Tint
of Dark Gray
#F2F3F2
Lighter Tint
of Dark Gray
#7C7D78
Darker Shade
of Dark Gray
#555652
Darker Shade
of Dark Gray
#2E2F2D
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#8F928C
Gray
4.0% Gray
Web Formats
HEX#8F928C
RGB143,146,140
HSLhsl(90, 3%, 56%)
HWBhwb(90, 55%, 43%)
Print & Design
CMYKcmyk(2%, 0%, 4%, 43%)
HSVhsv(90, 4%, 57%)
Perceptual (Color Science)
LABlab(60.15, -2.25, 2.79)
LCHlch(60.15, 3.59, 128.9°)
XYZxyz(26.34, 28.29, 28.88)
OKLaboklab(0.6556, -0.0059, 0.0073)
Accessibility (WCAG 2.1)
Aa
On White
3.15:1
Large Only
Aa
On Black
6.66:1
AA Pass
Aa
White on Color
3.15:1
Large Only
Aa
Black on Color
6.66:1
AA Pass
28.3%
Relative Luminance
0.2829
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
#8F8B92
Complementary
of Gray
#8B928B
Analogous
of Gray
#92928B
Analogous
of Gray
#B5B7B3
Lighter Tint
of Gray
#DBDCDA
Lighter Tint
of Gray
#F2F3F2
Lighter Tint
of Gray
#696C65
Darker Shade
of Gray
#424440
Darker Shade
of Gray
#1C1D1B
Darker Shade
of Gray
Gray
Named Color
Discover the Hue