Jewelry Design Colors

Color Palette • View 4

X Series — Watch

212121
Copy As
HEX#212121
RGBrgb(33,33,33)
HSLhsl(0, 0%, 13%)
CMYKcmyk(0%, 0%, 0%, 87%)
Download
SVG PNG
000000
Copy As
HEX#000000
RGBrgb(0,0,0)
HSLhsl(0, 0%, 0%)
CMYKcmyk(0%, 0%, 0%, 100%)
Download
SVG PNG
323331
Copy As
HEX#323331
RGBrgb(50,51,49)
HSLhsl(90, 2%, 20%)
CMYKcmyk(2%, 0%, 4%, 80%)
Download
SVG PNG
646E57
Copy As
HEX#646E57
RGBrgb(100,110,87)
HSLhsl(86, 12%, 39%)
CMYKcmyk(9%, 0%, 21%, 57%)
Download
SVG PNG
505647
Copy As
HEX#505647
RGBrgb(80,86,71)
HSLhsl(84, 10%, 31%)
CMYKcmyk(7%, 0%, 17%, 66%)
Download
SVG PNG
3F433B
Copy As
HEX#3F433B
RGBrgb(63,67,59)
HSLhsl(90, 6%, 25%)
CMYKcmyk(6%, 0%, 12%, 74%)
Download
SVG PNG
9BAE85
Copy As
HEX#9BAE85
RGBrgb(155,174,133)
HSLhsl(88, 20%, 60%)
CMYKcmyk(11%, 0%, 24%, 32%)
Download
SVG PNG
899A76
Copy As
HEX#899A76
RGBrgb(137,154,118)
HSLhsl(88, 15%, 53%)
CMYKcmyk(11%, 0%, 23%, 40%)
Download
SVG PNG
#212121
#000000
#323331
#646E57
#505647
#3F433B
#9BAE85
#899A76
X Series - View 4 View 4
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.
#212121
Black
73.5% Black
Web Formats
HEX#212121
RGB33,33,33
HSLhsl(0, 0%, 13%)
HWBhwb(0, 13%, 87%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 87%)
HSVhsv(0, 0%, 13%)
Perceptual (Color Science)
LABlab(12.74, -0, 0)
LCHlch(12.74, 0, 158.2°)
XYZxyz(1.45, 1.52, 1.66)
OKLaboklab(0.2478, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
16.10:1
AAA Pass
Aa
On Black
1.30:1
Fail
Aa
White on Color
16.10:1
AAA Pass
Aa
Black on Color
1.30:1
Fail
1.5%
Relative Luminance
0.0152
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
#212121
Complementary
of Black
#212121
Analogous
of Black
#212121
Analogous
of Black
#474747
Lighter Tint
of Black
#6E6E6E
Lighter Tint
of Black
#949494
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
#000000
Black
14.2% Black
Web Formats
HEX#000000
RGB0,0,0
HSLhsl(0, 0%, 0%)
HWBhwb(0, 0%, 100%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 100%)
HSVhsv(0, 0%, 0%)
Perceptual (Color Science)
LABlab(0, 0, 0)
LCHlch(0, 0, 0°)
XYZxyz(0, 0, 0)
OKLaboklab(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
#323331
Dark Slate Gray
4.7% Gray
Web Formats
HEX#323331
RGB50,51,49
HSLhsl(90, 2%, 20%)
HWBhwb(90, 19%, 80%)
Print & Design
CMYKcmyk(2%, 0%, 4%, 80%)
HSVhsv(90, 4%, 20%)
Perceptual (Color Science)
LABlab(21.08, -0.9, 1.11)
LCHlch(21.08, 1.43, 128.9°)
XYZxyz(3.05, 3.27, 3.37)
OKLaboklab(0.3194, -0.0023, 0.0029)
Accessibility (WCAG 2.1)
Aa
On White
12.70:1
AAA Pass
Aa
On Black
1.65:1
Fail
Aa
White on Color
12.70:1
AAA Pass
Aa
Black on Color
1.65:1
Fail
3.3%
Relative Luminance
0.0327
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
#333234
Complementary
of Dark Slate Gray
#323432
Analogous
of Dark Slate Gray
#343432
Analogous
of Dark Slate Gray
#595B57
Lighter Tint
of Dark Slate Gray
#80827D
Lighter Tint
of Dark Slate Gray
#A6A8A4
Lighter Tint
of Dark Slate Gray
#0D0D0C
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
#646E57
Dim Gray
1.5% Gray
Web Formats
HEX#646E57
RGB100,110,87
HSLhsl(86, 12%, 39%)
HWBhwb(86, 34%, 57%)
Print & Design
CMYKcmyk(9%, 0%, 21%, 57%)
HSVhsv(86, 21%, 43%)
Perceptual (Color Science)
LABlab(45.01, -8.36, 11.59)
LCHlch(45.01, 14.29, 125.8°)
XYZxyz(12.55, 14.55, 11.16)
OKLaboklab(0.5229, -0.0222, 0.0297)
Accessibility (WCAG 2.1)
Aa
On White
5.37:1
AA Pass
Aa
On Black
3.91:1
Large Only
Aa
White on Color
5.37:1
AA Pass
Aa
Black on Color
3.91:1
Large Only
14.6%
Relative Luminance
0.1455
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
#62586F
Complementary
of Dim Gray
#596F58
Analogous
of Dim Gray
#6F6E58
Analogous
of Dim Gray
#8C987C
Lighter Tint
of Dim Gray
#B1B9A6
Lighter Tint
of Dim Gray
#D7DBD1
Lighter Tint
of Dim Gray
#3E4536
Darker Shade
of Dim Gray
#171A14
Darker Shade
of Dim Gray
#0D0E0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#505647
Dark Slate Gray
1.7% Gray
Web Formats
HEX#505647
RGB80,86,71
HSLhsl(84, 10%, 31%)
HWBhwb(84, 28%, 66%)
Print & Design
CMYKcmyk(7%, 0%, 17%, 66%)
HSVhsv(84, 17%, 34%)
Perceptual (Color Science)
LABlab(35.63, -5.5, 7.94)
LCHlch(35.63, 9.66, 124.7°)
XYZxyz(7.77, 8.82, 7.25)
OKLaboklab(0.4431, -0.0144, 0.0205)
Accessibility (WCAG 2.1)
Aa
On White
7.60:1
AAA Pass
Aa
On Black
2.76:1
Fail
Aa
White on Color
7.60:1
AAA Pass
Aa
Black on Color
2.76:1
Fail
8.8%
Relative Luminance
0.0882
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
#4D4757
Complementary
of Dark Slate Gray
#495747
Analogous
of Dark Slate Gray
#575547
Analogous
of Dark Slate Gray
#78816A
Lighter Tint
of Dark Slate Gray
#9EA592
Lighter Tint
of Dark Slate Gray
#C3C8BC
Lighter Tint
of Dark Slate Gray
#2A2D25
Darker Shade
of Dark Slate Gray
#0D0E0B
Darker Shade
of Dark Slate Gray
#0D0E0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#3F433B
Dark Slate Gray
1.9% Gray
Web Formats
HEX#3F433B
RGB63,67,59
HSLhsl(90, 6%, 25%)
HWBhwb(90, 23%, 74%)
Print & Design
CMYKcmyk(6%, 0%, 12%, 74%)
HSVhsv(90, 12%, 26%)
Perceptual (Color Science)
LABlab(27.81, -3.43, 4.29)
LCHlch(27.81, 5.49, 128.6°)
XYZxyz(4.85, 5.39, 4.92)
OKLaboklab(0.3764, -0.009, 0.0112)
Accessibility (WCAG 2.1)
Aa
On White
10.11:1
AAA Pass
Aa
On Black
2.08:1
Fail
Aa
White on Color
10.11:1
AAA Pass
Aa
Black on Color
2.08:1
Fail
5.4%
Relative Luminance
0.0539
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
#403C44
Complementary
of Dark Slate Gray
#3C443C
Analogous
of Dark Slate Gray
#44443C
Analogous
of Dark Slate Gray
#666C60
Lighter Tint
of Dark Slate Gray
#8C9385
Lighter Tint
of Dark Slate Gray
#B3B7AE
Lighter Tint
of Dark Slate Gray
#1A1B18
Darker Shade
of Dark Slate Gray
#0D0E0C
Darker Shade
of Dark Slate Gray
#0D0E0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#9BAE85
Dark Sea Green
1.2% Green
Web Formats
HEX#9BAE85
RGB155,174,133
HSLhsl(88, 20%, 60%)
HWBhwb(88, 52%, 32%)
Print & Design
CMYKcmyk(11%, 0%, 24%, 32%)
HSVhsv(88, 24%, 68%)
Perceptual (Color Science)
LABlab(68.7, -14.08, 18.91)
LCHlch(68.7, 23.57, 126.7°)
XYZxyz(32.89, 38.93, 27.97)
OKLaboklab(0.7252, -0.0377, 0.0481)
Accessibility (WCAG 2.1)
Aa
On White
2.39:1
Fail
Aa
On Black
8.79:1
AAA Pass
Aa
White on Color
2.39:1
Fail
Aa
Black on Color
8.79:1
AAA Pass
38.9%
Relative Luminance
0.3893
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
#9885AD
Complementary
of Dark Sea Green
#86AD85
Analogous
of Dark Sea Green
#ADAC85
Analogous
of Dark Sea Green
#C0CCB3
Lighter Tint
of Dark Sea Green
#E6EBE0
Lighter Tint
of Dark Sea Green
#F2F5F0
Lighter Tint
of Dark Sea Green
#748A5C
Darker Shade
of Dark Sea Green
#4E5C3D
Darker Shade
of Dark Sea Green
#272E1F
Darker Shade
of Dark Sea Green
Dark Sea Green
Named Color
Discover the Hue
#899A76
Gray
1.3% Gray
Web Formats
HEX#899A76
RGB137,154,118
HSLhsl(88, 15%, 53%)
HWBhwb(88, 46%, 40%)
Print & Design
CMYKcmyk(11%, 0%, 23%, 40%)
HSVhsv(88, 23%, 60%)
Perceptual (Color Science)
LABlab(61.43, -12.77, 16.94)
LCHlch(61.43, 21.22, 127°)
XYZxyz(25.14, 29.74, 21.55)
OKLaboklab(0.6629, -0.0342, 0.0431)
Accessibility (WCAG 2.1)
Aa
On White
3.02:1
Large Only
Aa
On Black
6.95:1
AA Pass
Aa
White on Color
3.02:1
Large Only
Aa
Black on Color
6.95:1
AA Pass
29.7%
Relative Luminance
0.2974
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
#867599
Complementary
of Gray
#769975
Analogous
of Gray
#999875
Analogous
of Gray
#AEBAA1
Lighter Tint
of Gray
#D4DACD
Lighter Tint
of Gray
#F2F4F0
Lighter Tint
of Gray
#626F52
Darker Shade
of Gray
#3B4332
Darker Shade
of Gray
#151711
Darker Shade
of Gray
Gray
Named Color
Discover the Hue