Jewelry Design Colors

Color Palette • View 3

4 C — Jewellery Collection

685D51
Copy As
HEX#685D51
RGBrgb(104,93,81)
HSLhsl(31, 12%, 36%)
CMYKcmyk(0%, 11%, 22%, 59%)
Download
SVG PNG
777064
Copy As
HEX#777064
RGBrgb(119,112,100)
HSLhsl(38, 9%, 43%)
CMYKcmyk(0%, 6%, 16%, 53%)
Download
SVG PNG
564C41
Copy As
HEX#564C41
RGBrgb(86,76,65)
HSLhsl(31, 14%, 30%)
CMYKcmyk(0%, 12%, 24%, 66%)
Download
SVG PNG
85857D
Copy As
HEX#85857D
RGBrgb(133,133,125)
HSLhsl(60, 3%, 51%)
CMYKcmyk(0%, 0%, 6%, 48%)
Download
SVG PNG
423A31
Copy As
HEX#423A31
RGBrgb(66,58,49)
HSLhsl(32, 15%, 23%)
CMYKcmyk(0%, 12%, 26%, 74%)
Download
SVG PNG
999B94
Copy As
HEX#999B94
RGBrgb(153,155,148)
HSLhsl(77, 3%, 59%)
CMYKcmyk(1%, 0%, 5%, 39%)
Download
SVG PNG
2D2720
Copy As
HEX#2D2720
RGBrgb(45,39,32)
HSLhsl(32, 17%, 15%)
CMYKcmyk(0%, 13%, 29%, 82%)
Download
SVG PNG
8E7E6B
Copy As
HEX#8E7E6B
RGBrgb(142,126,107)
HSLhsl(33, 14%, 49%)
CMYKcmyk(0%, 11%, 25%, 44%)
Download
SVG PNG
#685D51
#777064
#564C41
#85857D
#423A31
#999B94
#2D2720
#8E7E6B
4 C - View 3 View 3
Palette extracted from this image

This palette is from

4 C

Jewellery Collection

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#685D51
Dim Gray
30.2% Gray
Web Formats
HEX#685D51
RGB104,93,81
HSLhsl(31, 12%, 36%)
HWBhwb(31, 32%, 59%)
Print & Design
CMYKcmyk(0%, 11%, 22%, 59%)
HSVhsv(31, 22%, 41%)
Perceptual (Color Science)
LABlab(40.19, 2.26, 8.51)
LCHlch(40.19, 8.81, 75.1°)
XYZxyz(11.11, 11.37, 9.39)
OKLaboklab(0.4853, 0.0082, 0.022)
Accessibility (WCAG 2.1)
Aa
On White
6.42:1
AA Pass
Aa
On Black
3.27:1
Large Only
Aa
White on Color
6.42:1
AA Pass
Aa
Black on Color
3.27:1
Large Only
11.4%
Relative Luminance
0.1137
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
#515B67
Complementary
of Dim Gray
#666751
Analogous
of Dim Gray
#675151
Analogous
of Dim Gray
#918373
Lighter Tint
of Dim Gray
#B3A99E
Lighter Tint
of Dim Gray
#D4CFC9
Lighter Tint
of Dim Gray
#3C362F
Darker Shade
of Dim Gray
#110F0D
Darker Shade
of Dim Gray
#0E0D0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#777064
Dim Gray
28.5% Gray
Web Formats
HEX#777064
RGB119,112,100
HSLhsl(38, 9%, 43%)
HWBhwb(38, 39%, 53%)
Print & Design
CMYKcmyk(0%, 6%, 16%, 53%)
HSVhsv(38, 16%, 47%)
Perceptual (Color Science)
LABlab(47.53, 0.5, 7.65)
LCHlch(47.53, 7.66, 86.3°)
XYZxyz(15.7, 16.43, 14.4)
OKLaboklab(0.5479, 0.0031, 0.0199)
Accessibility (WCAG 2.1)
Aa
On White
4.90:1
AA Pass
Aa
On Black
4.29:1
Large Only
Aa
White on Color
4.90:1
AA Pass
Aa
Black on Color
4.29:1
Large Only
16.4%
Relative Luminance
0.1643
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
#646B78
Complementary
of Dim Gray
#757864
Analogous
of Dim Gray
#786664
Analogous
of Dim Gray
#9E968A
Lighter Tint
of Dim Gray
#C0BCB4
Lighter Tint
of Dim Gray
#E3E1DE
Lighter Tint
of Dim Gray
#4E4941
Darker Shade
of Dim Gray
#24221E
Darker Shade
of Dim Gray
#0E0D0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#564C41
Dark Slate Gray
17.0% Gray
Web Formats
HEX#564C41
RGB86,76,65
HSLhsl(31, 14%, 30%)
HWBhwb(31, 25%, 66%)
Print & Design
CMYKcmyk(0%, 12%, 24%, 66%)
HSVhsv(31, 24%, 34%)
Perceptual (Color Science)
LABlab(32.98, 2.14, 8.07)
LCHlch(32.98, 8.35, 75.1°)
XYZxyz(7.38, 7.53, 6.06)
OKLaboklab(0.4231, 0.0076, 0.0208)
Accessibility (WCAG 2.1)
Aa
On White
8.38:1
AAA Pass
Aa
On Black
2.51:1
Fail
Aa
White on Color
8.38:1
AAA Pass
Aa
Black on Color
2.51:1
Fail
7.5%
Relative Luminance
0.0753
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
#424C57
Complementary
of Dark Slate Gray
#575742
Analogous
of Dark Slate Gray
#574242
Analogous
of Dark Slate Gray
#837363
Lighter Tint
of Dark Slate Gray
#A7998B
Lighter Tint
of Dark Slate Gray
#C8C0B6
Lighter Tint
of Dark Slate Gray
#2C2621
Darker Shade
of Dark Slate Gray
#0F0D0B
Darker Shade
of Dark Slate Gray
#0F0D0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#85857D
Gray
8.7% Gray
Web Formats
HEX#85857D
RGB133,133,125
HSLhsl(60, 3%, 51%)
HWBhwb(60, 49%, 48%)
Print & Design
CMYKcmyk(0%, 0%, 6%, 48%)
HSVhsv(60, 6%, 52%)
Perceptual (Color Science)
LABlab(55.32, -1.54, 4.31)
LCHlch(55.32, 4.58, 109.6°)
XYZxyz(21.76, 23.24, 22.74)
OKLaboklab(0.6143, -0.0034, 0.0113)
Accessibility (WCAG 2.1)
Aa
On White
3.72:1
Large Only
Aa
On Black
5.65:1
AA Pass
Aa
White on Color
3.72:1
Large Only
Aa
Black on Color
5.65:1
AA Pass
23.2%
Relative Luminance
0.2324
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
#7E7E86
Complementary
of Gray
#82867E
Analogous
of Gray
#86827E
Analogous
of Gray
#ABABA6
Lighter Tint
of Gray
#D0D0CD
Lighter Tint
of Gray
#F3F3F2
Lighter Tint
of Gray
#5F5F59
Darker Shade
of Gray
#373734
Darker Shade
of Gray
#10100F
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#423A31
Dark Slate Gray
8.0% Gray
Web Formats
HEX#423A31
RGB66,58,49
HSLhsl(32, 15%, 23%)
HWBhwb(32, 19%, 74%)
Print & Design
CMYKcmyk(0%, 12%, 26%, 74%)
HSVhsv(32, 26%, 26%)
Perceptual (Color Science)
LABlab(24.97, 1.76, 6.88)
LCHlch(24.97, 7.1, 75.7°)
XYZxyz(4.31, 4.41, 3.53)
OKLaboklab(0.3539, 0.0063, 0.0177)
Accessibility (WCAG 2.1)
Aa
On White
11.16:1
AAA Pass
Aa
On Black
1.88:1
Fail
Aa
White on Color
11.16:1
AAA Pass
Aa
Black on Color
1.88:1
Fail
4.4%
Relative Luminance
0.0441
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
#323A43
Complementary
of Dark Slate Gray
#434332
Analogous
of Dark Slate Gray
#433232
Analogous
of Dark Slate Gray
#6F6252
Lighter Tint
of Dark Slate Gray
#998875
Lighter Tint
of Dark Slate Gray
#BAAEA1
Lighter Tint
of Dark Slate Gray
#171511
Darker Shade
of Dark Slate Gray
#0F0D0B
Darker Shade
of Dark Slate Gray
#0F0D0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#999B94
Dark Gray
3.1% Gray
Web Formats
HEX#999B94
RGB153,155,148
HSLhsl(77, 3%, 59%)
HWBhwb(77, 58%, 39%)
Print & Design
CMYKcmyk(1%, 0%, 5%, 39%)
HSVhsv(77, 5%, 61%)
Perceptual (Color Science)
LABlab(63.63, -2.05, 3.41)
LCHlch(63.63, 3.98, 121°)
XYZxyz(30.2, 32.35, 32.66)
OKLaboklab(0.6857, -0.0051, 0.009)
Accessibility (WCAG 2.1)
Aa
On White
2.81:1
Fail
Aa
On Black
7.47:1
AAA Pass
Aa
White on Color
2.81:1
Fail
Aa
Black on Color
7.47:1
AAA Pass
32.4%
Relative Luminance
0.3235
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
#95939A
Complementary
of Dark Gray
#959A93
Analogous
of Dark Gray
#9A9893
Analogous
of Dark Gray
#BEBFBB
Lighter Tint
of Dark Gray
#E3E4E2
Lighter Tint
of Dark Gray
#F2F3F2
Lighter Tint
of Dark Gray
#72746D
Darker Shade
of Dark Gray
#4B4C48
Darker Shade
of Dark Gray
#242523
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#2D2720
Dark Slate Gray
3.2% Gray
Web Formats
HEX#2D2720
RGB45,39,32
HSLhsl(32, 17%, 15%)
HWBhwb(32, 13%, 82%)
Print & Design
CMYKcmyk(0%, 13%, 29%, 82%)
HSVhsv(32, 29%, 18%)
Perceptual (Color Science)
LABlab(16.07, 1.36, 5.65)
LCHlch(16.07, 5.81, 76.5°)
XYZxyz(2.07, 2.11, 1.67)
OKLaboklab(0.277, 0.0049, 0.0145)
Accessibility (WCAG 2.1)
Aa
On White
14.76:1
AAA Pass
Aa
On Black
1.42:1
Fail
Aa
White on Color
14.76:1
AAA Pass
Aa
Black on Color
1.42:1
Fail
2.1%
Relative Luminance
0.0211
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
#20262D
Complementary
of Dark Slate Gray
#2C2D20
Analogous
of Dark Slate Gray
#2D2020
Analogous
of Dark Slate Gray
#5A4D3F
Lighter Tint
of Dark Slate Gray
#86745F
Lighter Tint
of Dark Slate Gray
#AA9A88
Lighter Tint
of Dark Slate Gray
#0F0D0B
Darker Shade
of Dark Slate Gray
#0F0D0B
Darker Shade
of Dark Slate Gray
#0F0D0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#8E7E6B
Gray
1.3% Gray
Web Formats
HEX#8E7E6B
RGB142,126,107
HSLhsl(33, 14%, 49%)
HWBhwb(33, 42%, 44%)
Print & Design
CMYKcmyk(0%, 11%, 25%, 44%)
HSVhsv(33, 25%, 56%)
Perceptual (Color Science)
LABlab(53.74, 2.94, 12.59)
LCHlch(53.74, 12.93, 76.9°)
XYZxyz(21.27, 21.73, 16.98)
OKLaboklab(0.6024, 0.0106, 0.0323)
Accessibility (WCAG 2.1)
Aa
On White
3.93:1
Large Only
Aa
On Black
5.35:1
AA Pass
Aa
White on Color
3.93:1
Large Only
Aa
Black on Color
5.35:1
AA Pass
21.7%
Relative Luminance
0.2173
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
#6B7B8E
Complementary
of Gray
#8D8E6B
Analogous
of Gray
#8E6D6B
Analogous
of Gray
#B0A496
Lighter Tint
of Gray
#D1CAC2
Lighter Tint
of Gray
#F2F0EE
Lighter Tint
of Gray
#63584B
Darker Shade
of Gray
#37312A
Darker Shade
of Gray
#0F0D0B
Darker Shade
of Gray
Gray
Named Color
Discover the Hue