Jewelry Design Colors

Color Palette • View 2

XS Horizon — Wrist Watch

404040
Copy As
HEX#404040
RGBrgb(64,64,64)
HSLhsl(0, 0%, 25%)
CMYKcmyk(0%, 0%, 0%, 75%)
Download
SVG PNG
2C2C2C
Copy As
HEX#2C2C2C
RGBrgb(44,44,44)
HSLhsl(0, 0%, 17%)
CMYKcmyk(0%, 0%, 0%, 83%)
Download
SVG PNG
545454
Copy As
HEX#545454
RGBrgb(84,84,84)
HSLhsl(0, 0%, 33%)
CMYKcmyk(0%, 0%, 0%, 67%)
Download
SVG PNG
747474
Copy As
HEX#747474
RGBrgb(116,116,116)
HSLhsl(0, 0%, 45%)
CMYKcmyk(0%, 0%, 0%, 55%)
Download
SVG PNG
636364
Copy As
HEX#636364
RGBrgb(99,99,100)
HSLhsl(240, 1%, 39%)
CMYKcmyk(1%, 1%, 0%, 61%)
Download
SVG PNG
181818
Copy As
HEX#181818
RGBrgb(24,24,24)
HSLhsl(0, 0%, 9%)
CMYKcmyk(0%, 0%, 0%, 91%)
Download
SVG PNG
A3A3A3
Copy As
HEX#A3A3A3
RGBrgb(163,163,163)
HSLhsl(0, 0%, 64%)
CMYKcmyk(0%, 0%, 0%, 36%)
Download
SVG PNG
BDBDBD
Copy As
HEX#BDBDBD
RGBrgb(189,189,189)
HSLhsl(0, 0%, 74%)
CMYKcmyk(0%, 0%, 0%, 26%)
Download
SVG PNG
#404040
#2C2C2C
#545454
#747474
#636364
#181818
#A3A3A3
#BDBDBD
XS Horizon - View 2 View 2
Palette extracted from this image

This palette is from

XS Horizon

Wrist Watch

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#404040
Dark Slate Gray
30.2% Gray
Web Formats
HEX#404040
RGB64,64,64
HSLhsl(0, 0%, 25%)
HWBhwb(0, 25%, 75%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 75%)
HSVhsv(0, 0%, 25%)
Perceptual (Color Science)
LABlab(27.09, -0, 0)
LCHlch(27.09, 0, 158.2°)
XYZxyz(4.87, 5.13, 5.58)
OKLaboklab(0.3715, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
10.37:1
AAA Pass
Aa
On Black
2.03:1
Fail
Aa
White on Color
10.37:1
AAA Pass
Aa
Black on Color
2.03:1
Fail
5.1%
Relative Luminance
0.0513
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
#404040
Complementary
of Dark Slate Gray
#404040
Analogous
of Dark Slate Gray
#404040
Analogous
of Dark Slate Gray
#666666
Lighter Tint
of Dark Slate Gray
#8C8C8C
Lighter Tint
of Dark Slate Gray
#B3B3B3
Lighter Tint
of Dark Slate Gray
#1A1A1A
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
#2C2C2C
Dark Slate Gray
22.2% Gray
Web Formats
HEX#2C2C2C
RGB44,44,44
HSLhsl(0, 0%, 17%)
HWBhwb(0, 17%, 83%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 83%)
HSVhsv(0, 0%, 17%)
Perceptual (Color Science)
LABlab(18, -0, 0)
LCHlch(18, 0, 158.2°)
XYZxyz(2.39, 2.52, 2.74)
OKLaboklab(0.2931, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
13.97:1
AAA Pass
Aa
On Black
1.50:1
Fail
Aa
White on Color
13.97:1
AAA Pass
Aa
Black on Color
1.50:1
Fail
2.5%
Relative Luminance
0.0252
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
#2B2B2B
Complementary
of Dark Slate Gray
#2B2B2B
Analogous
of Dark Slate Gray
#2B2B2B
Analogous
of Dark Slate Gray
#525252
Lighter Tint
of Dark Slate Gray
#787878
Lighter Tint
of Dark Slate Gray
#9E9E9E
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
#545454
Dark Slate Gray
14.7% Gray
Web Formats
HEX#545454
RGB84,84,84
HSLhsl(0, 0%, 33%)
HWBhwb(0, 33%, 67%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 67%)
HSVhsv(0, 0%, 33%)
Perceptual (Color Science)
LABlab(35.72, -0, 0)
LCHlch(35.72, 0, 158.2°)
XYZxyz(8.43, 8.87, 9.65)
OKLaboklab(0.4459, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
7.57:1
AAA Pass
Aa
On Black
2.77:1
Fail
Aa
White on Color
7.57:1
AAA Pass
Aa
Black on Color
2.77:1
Fail
8.9%
Relative Luminance
0.0887
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
#545454
Complementary
of Dark Slate Gray
#545454
Analogous
of Dark Slate Gray
#545454
Analogous
of Dark Slate Gray
#7A7A7A
Lighter Tint
of Dark Slate Gray
#A1A1A1
Lighter Tint
of Dark Slate Gray
#C7C7C7
Lighter Tint
of Dark Slate Gray
#2E2E2E
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
#747474
Dim Gray
11.5% Gray
Web Formats
HEX#747474
RGB116,116,116
HSLhsl(0, 0%, 45%)
HWBhwb(0, 45%, 55%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 55%)
HSVhsv(0, 0%, 45%)
Perceptual (Color Science)
LABlab(48.84, -0, 0)
LCHlch(48.84, 0, 158.2°)
XYZxyz(16.6, 17.46, 19.02)
OKLaboklab(0.559, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
4.67:1
AA Pass
Aa
On Black
4.49:1
Large Only
Aa
White on Color
4.67:1
AA Pass
Aa
Black on Color
4.49:1
Large Only
17.5%
Relative Luminance
0.1746
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
#737373
Complementary
of Dim Gray
#737373
Analogous
of Dim Gray
#737373
Analogous
of Dim Gray
#999999
Lighter Tint
of Dim Gray
#BFBFBF
Lighter Tint
of Dim Gray
#E6E6E6
Lighter Tint
of Dim Gray
#4D4D4D
Darker Shade
of Dim Gray
#262626
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#636364
Dim Gray
7.0% Gray
Web Formats
HEX#636364
RGB99,99,100
HSLhsl(240, 1%, 39%)
HWBhwb(240, 39%, 61%)
Print & Design
CMYKcmyk(1%, 1%, 0%, 61%)
HSVhsv(240, 1%, 39%)
Perceptual (Color Science)
LABlab(41.99, 0.21, -0.57)
LCHlch(41.99, 0.6, 290.3°)
XYZxyz(11.91, 12.5, 13.84)
OKLaboklab(0.5, 0.0004, -0.0015)
Accessibility (WCAG 2.1)
Aa
On White
6.00:1
AA Pass
Aa
On Black
3.50:1
Large Only
Aa
White on Color
6.00:1
AA Pass
Aa
Black on Color
3.50:1
Large Only
12.5%
Relative Luminance
0.1250
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
#646462
Complementary
of Dim Gray
#636264
Analogous
of Dim Gray
#626364
Analogous
of Dim Gray
#89898B
Lighter Tint
of Dim Gray
#AFAFB1
Lighter Tint
of Dim Gray
#D6D6D7
Lighter Tint
of Dim Gray
#3D3D3E
Darker Shade
of Dim Gray
#171717
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#181818
Black
6.1% Black
Web Formats
HEX#181818
RGB24,24,24
HSLhsl(0, 0%, 9%)
HWBhwb(0, 9%, 91%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 91%)
HSVhsv(0, 0%, 9%)
Perceptual (Color Science)
LABlab(8.25, -0, 0)
LCHlch(8.25, 0, 158.2°)
XYZxyz(0.87, 0.91, 0.99)
OKLaboklab(0.209, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
17.76:1
AAA Pass
Aa
On Black
1.18:1
Fail
Aa
White on Color
17.76:1
AAA Pass
Aa
Black on Color
1.18:1
Fail
0.9%
Relative Luminance
0.0091
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
#171717
Complementary
of Black
#171717
Analogous
of Black
#171717
Analogous
of Black
#3D3D3D
Lighter Tint
of Black
#636363
Lighter Tint
of Black
#8A8A8A
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
#A3A3A3
Dark Gray
4.8% Gray
Web Formats
HEX#A3A3A3
RGB163,163,163
HSLhsl(0, 0%, 64%)
HWBhwb(0, 64%, 36%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 36%)
HSVhsv(0, 0%, 64%)
Perceptual (Color Science)
LABlab(66.99, -0, 0)
LCHlch(66.99, 0, 158.2°)
XYZxyz(34.81, 36.63, 39.88)
OKLaboklab(0.7155, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
2.52:1
Fail
Aa
On Black
8.33:1
AAA Pass
Aa
White on Color
2.52:1
Fail
Aa
Black on Color
8.33:1
AAA Pass
36.6%
Relative Luminance
0.3663
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
#A3A3A3
Complementary
of Dark Gray
#A3A3A3
Analogous
of Dark Gray
#A3A3A3
Analogous
of Dark Gray
#C9C9C9
Lighter Tint
of Dark Gray
#F0F0F0
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#7D7D7D
Darker Shade
of Dark Gray
#575757
Darker Shade
of Dark Gray
#303030
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#BDBDBD
Silver
3.6% Gray
Web Formats
HEX#BDBDBD
RGB189,189,189
HSLhsl(0, 0%, 74%)
HWBhwb(0, 74%, 26%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 26%)
HSVhsv(0, 0%, 74%)
Perceptual (Color Science)
LABlab(76.61, -0, 0)
LCHlch(76.61, 0, 158.2°)
XYZxyz(48.37, 50.89, 55.41)
OKLaboklab(0.7984, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.88:1
Fail
Aa
On Black
11.18:1
AAA Pass
Aa
White on Color
1.88:1
Fail
Aa
Black on Color
11.18:1
AAA Pass
50.9%
Relative Luminance
0.5089
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
#BDBDBD
Complementary
of Silver
#BDBDBD
Analogous
of Silver
#BDBDBD
Analogous
of Silver
#E3E3E3
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#969696
Darker Shade
of Silver
#707070
Darker Shade
of Silver
#4A4A4A
Darker Shade
of Silver
Silver
Named Color
Discover the Hue