Jewelry Design Colors

Color Palette • View 2

The No 2 — Sunglasses

5F5855
Copy As
HEX#5F5855
RGBrgb(95,88,85)
HSLhsl(18, 6%, 35%)
CMYKcmyk(0%, 7%, 11%, 63%)
Download
SVG PNG
524C49
Copy As
HEX#524C49
RGBrgb(82,76,73)
HSLhsl(20, 6%, 30%)
CMYKcmyk(0%, 7%, 11%, 68%)
Download
SVG PNG
3C3835
Copy As
HEX#3C3835
RGBrgb(60,56,53)
HSLhsl(26, 6%, 22%)
CMYKcmyk(0%, 7%, 12%, 76%)
Download
SVG PNG
DCDAD9
Copy As
HEX#DCDAD9
RGBrgb(220,218,217)
HSLhsl(20, 4%, 86%)
CMYKcmyk(0%, 1%, 1%, 14%)
Download
SVG PNG
7C7977
Copy As
HEX#7C7977
RGBrgb(124,121,119)
HSLhsl(24, 2%, 48%)
CMYKcmyk(0%, 2%, 4%, 51%)
Download
SVG PNG
918F8D
Copy As
HEX#918F8D
RGBrgb(145,143,141)
HSLhsl(30, 2%, 56%)
CMYKcmyk(0%, 1%, 3%, 43%)
Download
SVG PNG
F0EFEE
Copy As
HEX#F0EFEE
RGBrgb(240,239,238)
HSLhsl(30, 6%, 94%)
CMYKcmyk(0%, 0%, 1%, 6%)
Download
SVG PNG
C9C7C6
Copy As
HEX#C9C7C6
RGBrgb(201,199,198)
HSLhsl(20, 3%, 78%)
CMYKcmyk(0%, 1%, 1%, 21%)
Download
SVG PNG
#5F5855
#524C49
#3C3835
#DCDAD9
#7C7977
#918F8D
#F0EFEE
#C9C7C6
The No 2 - View 2 View 2
Palette extracted from this image

This palette is from

The No 2

Sunglasses

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#5F5855
Dim Gray
39.8% Gray
Web Formats
HEX#5F5855
RGB95,88,85
HSLhsl(18, 6%, 35%)
HWBhwb(18, 33%, 63%)
Print & Design
CMYKcmyk(0%, 7%, 11%, 63%)
HSVhsv(18, 11%, 37%)
Perceptual (Color Science)
LABlab(37.96, 2.24, 2.76)
LCHlch(37.96, 3.55, 50.9°)
XYZxyz(9.85, 10.07, 10.02)
OKLaboklab(0.4661, 0.0073, 0.0073)
Accessibility (WCAG 2.1)
Aa
On White
6.97:1
AA Pass
Aa
On Black
3.01:1
Large Only
Aa
White on Color
6.97:1
AA Pass
Aa
Black on Color
3.01:1
Large Only
10.1%
Relative Luminance
0.1007
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
#545B5F
Complementary
of Dim Gray
#5F5C54
Analogous
of Dim Gray
#5F5456
Analogous
of Dim Gray
#877C78
Lighter Tint
of Dim Gray
#ABA4A0
Lighter Tint
of Dim Gray
#CFCBC9
Lighter Tint
of Dim Gray
#363230
Darker Shade
of Dim Gray
#0E0C0C
Darker Shade
of Dim Gray
#0E0C0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#524C49
Dark Slate Gray
20.9% Gray
Web Formats
HEX#524C49
RGB82,76,73
HSLhsl(20, 6%, 30%)
HWBhwb(20, 29%, 68%)
Print & Design
CMYKcmyk(0%, 7%, 11%, 68%)
HSVhsv(20, 11%, 32%)
Perceptual (Color Science)
LABlab(32.8, 1.88, 2.68)
LCHlch(32.8, 3.27, 54.9°)
XYZxyz(7.27, 7.44, 7.36)
OKLaboklab(0.4214, 0.0062, 0.0071)
Accessibility (WCAG 2.1)
Aa
On White
8.44:1
AAA Pass
Aa
On Black
2.49:1
Fail
Aa
White on Color
8.44:1
AAA Pass
Aa
Black on Color
2.49:1
Fail
7.4%
Relative Luminance
0.0744
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
#484E51
Complementary
of Dark Slate Gray
#515048
Analogous
of Dark Slate Gray
#514849
Analogous
of Dark Slate Gray
#7A706C
Lighter Tint
of Dark Slate Gray
#9F9793
Lighter Tint
of Dark Slate Gray
#C3BEBB
Lighter Tint
of Dark Slate Gray
#292524
Darker Shade
of Dark Slate Gray
#0E0C0C
Darker Shade
of Dark Slate Gray
#0E0C0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#3C3835
Dark Slate Gray
14.1% Gray
Web Formats
HEX#3C3835
RGB60,56,53
HSLhsl(26, 6%, 22%)
HWBhwb(26, 21%, 76%)
Print & Design
CMYKcmyk(0%, 7%, 12%, 76%)
HSVhsv(26, 12%, 24%)
Perceptual (Color Science)
LABlab(23.82, 1.1, 2.5)
LCHlch(23.82, 2.73, 66.2°)
XYZxyz(3.92, 4.05, 3.94)
OKLaboklab(0.3437, 0.0039, 0.0066)
Accessibility (WCAG 2.1)
Aa
On White
11.61:1
AAA Pass
Aa
On Black
1.81:1
Fail
Aa
White on Color
11.61:1
AAA Pass
Aa
Black on Color
1.81:1
Fail
4.1%
Relative Luminance
0.0405
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
#35393B
Complementary
of Dark Slate Gray
#3B3B35
Analogous
of Dark Slate Gray
#3B3535
Analogous
of Dark Slate Gray
#645E59
Lighter Tint
of Dark Slate Gray
#8C847D
Lighter Tint
of Dark Slate Gray
#B0AAA6
Lighter Tint
of Dark Slate Gray
#131211
Darker Shade
of Dark Slate Gray
#0E0D0C
Darker Shade
of Dark Slate Gray
#0E0D0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#DCDAD9
Gainsboro
5.1% Gray
Web Formats
HEX#DCDAD9
RGB220,218,217
HSLhsl(20, 4%, 86%)
HWBhwb(20, 85%, 14%)
Print & Design
CMYKcmyk(0%, 1%, 1%, 14%)
HSVhsv(20, 1%, 86%)
Perceptual (Color Science)
LABlab(87.18, 0.5, 0.73)
LCHlch(87.18, 0.89, 55.6°)
XYZxyz(67.11, 70.37, 75.68)
OKLaboklab(0.8897, 0.0017, 0.0019)
Accessibility (WCAG 2.1)
Aa
On White
1.39:1
Fail
Aa
On Black
15.07:1
AAA Pass
Aa
White on Color
1.39:1
Fail
Aa
Black on Color
15.07:1
AAA Pass
70.4%
Relative Luminance
0.7037
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
#DADCDD
Complementary
of Gainsboro
#DDDCDA
Analogous
of Gainsboro
#DDDADA
Analogous
of Gainsboro
#F3F2F2
Lighter Tint
of Gainsboro
#F3F2F2
Lighter Tint
of Gainsboro
#F3F2F2
Lighter Tint
of Gainsboro
#B8B4B2
Darker Shade
of Gainsboro
#938D8A
Darker Shade
of Gainsboro
#6D6764
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#7C7977
Gray
5.3% Gray
Web Formats
HEX#7C7977
RGB124,121,119
HSLhsl(24, 2%, 48%)
HWBhwb(24, 47%, 51%)
Print & Design
CMYKcmyk(0%, 2%, 4%, 51%)
HSVhsv(24, 4%, 49%)
Perceptual (Color Science)
LABlab(51.03, 0.75, 1.5)
LCHlch(51.03, 1.67, 63.5°)
XYZxyz(18.48, 19.29, 20.2)
OKLaboklab(0.5781, 0.0026, 0.004)
Accessibility (WCAG 2.1)
Aa
On White
4.32:1
Large Only
Aa
On Black
4.86:1
AA Pass
Aa
White on Color
4.32:1
Large Only
Aa
Black on Color
4.86:1
AA Pass
19.3%
Relative Luminance
0.1929
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
#787B7D
Complementary
of Gray
#7D7C78
Analogous
of Gray
#7D7878
Analogous
of Gray
#A3A09F
Lighter Tint
of Gray
#C8C7C6
Lighter Tint
of Gray
#EEEDED
Lighter Tint
of Gray
#565452
Darker Shade
of Gray
#2F2E2D
Darker Shade
of Gray
#0D0D0C
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#918F8D
Gray
5.3% Gray
Web Formats
HEX#918F8D
RGB145,143,141
HSLhsl(30, 2%, 56%)
HWBhwb(30, 55%, 43%)
Print & Design
CMYKcmyk(0%, 1%, 3%, 43%)
HSVhsv(30, 3%, 57%)
Perceptual (Color Science)
LABlab(59.51, 0.35, 1.32)
LCHlch(59.51, 1.37, 75.1°)
XYZxyz(26.31, 27.59, 29.13)
OKLaboklab(0.6511, 0.0014, 0.0035)
Accessibility (WCAG 2.1)
Aa
On White
3.22:1
Large Only
Aa
On Black
6.52:1
AA Pass
Aa
White on Color
3.22:1
Large Only
Aa
Black on Color
6.52:1
AA Pass
27.6%
Relative Luminance
0.2759
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
#8D8F91
Complementary
of Gray
#91918D
Analogous
of Gray
#918D8D
Analogous
of Gray
#B7B5B4
Lighter Tint
of Gray
#DCDBDB
Lighter Tint
of Gray
#F3F2F2
Lighter Tint
of Gray
#6B6966
Darker Shade
of Gray
#444241
Darker Shade
of Gray
#1D1C1B
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#F0EFEE
White Smoke
5.3% White
Web Formats
HEX#F0EFEE
RGB240,239,238
HSLhsl(30, 6%, 94%)
HWBhwb(30, 93%, 6%)
Print & Design
CMYKcmyk(0%, 0%, 1%, 6%)
HSVhsv(30, 1%, 94%)
Perceptual (Color Science)
LABlab(94.5, 0.16, 0.6)
LCHlch(94.5, 0.62, 75.3°)
XYZxyz(82.23, 86.43, 93.22)
OKLaboklab(0.9526, 0.0006, 0.0016)
Accessibility (WCAG 2.1)
Aa
On White
1.15:1
Fail
Aa
On Black
18.29:1
AAA Pass
Aa
White on Color
1.15:1
Fail
Aa
Black on Color
18.29:1
AAA Pass
86.4%
Relative Luminance
0.8643
Very 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
#EFF0F1
Complementary
of White Smoke
#F1F1EF
Analogous
of White Smoke
#F1EFEF
Analogous
of White Smoke
#F3F2F1
Lighter Tint
of White Smoke
#F3F2F1
Lighter Tint
of White Smoke
#F3F2F1
Lighter Tint
of White Smoke
#CDC9C6
Darker Shade
of White Smoke
#A9A39E
Darker Shade
of White Smoke
#847D75
Darker Shade
of White Smoke
White Smoke
Named Color
Discover the Hue
#C9C7C6
Silver
4.1% Gray
Web Formats
HEX#C9C7C6
RGB201,199,198
HSLhsl(20, 3%, 78%)
HWBhwb(20, 78%, 21%)
Print & Design
CMYKcmyk(0%, 1%, 1%, 21%)
HSVhsv(20, 1%, 79%)
Perceptual (Color Science)
LABlab(80.37, 0.51, 0.74)
LCHlch(80.37, 0.9, 55.6°)
XYZxyz(54.7, 57.34, 61.6)
OKLaboklab(0.831, 0.0017, 0.002)
Accessibility (WCAG 2.1)
Aa
On White
1.68:1
Fail
Aa
On Black
12.47:1
AAA Pass
Aa
White on Color
1.68:1
Fail
Aa
Black on Color
12.47:1
AAA Pass
57.3%
Relative Luminance
0.5734
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
#C5C7C9
Complementary
of Silver
#C9C8C5
Analogous
of Silver
#C9C5C6
Analogous
of Silver
#EEEDED
Lighter Tint
of Silver
#F3F2F2
Lighter Tint
of Silver
#F3F2F2
Lighter Tint
of Silver
#A3A09E
Darker Shade
of Silver
#7E7977
Darker Shade
of Silver
#575352
Darker Shade
of Silver
Silver
Named Color
Discover the Hue