Jewelry Design Colors

Color Palette • View 5

The Roots — cufflinks

DBCCB3
Copy As
HEX#DBCCB3
RGBrgb(219,204,179)
HSLhsl(38, 36%, 78%)
CMYKcmyk(0%, 7%, 18%, 14%)
Download
SVG PNG
CFBA95
Copy As
HEX#CFBA95
RGBrgb(207,186,149)
HSLhsl(38, 38%, 70%)
CMYKcmyk(0%, 10%, 28%, 19%)
Download
SVG PNG
E1DACD
Copy As
HEX#E1DACD
RGBrgb(225,218,205)
HSLhsl(39, 25%, 84%)
CMYKcmyk(0%, 3%, 9%, 12%)
Download
SVG PNG
B8A173
Copy As
HEX#B8A173
RGBrgb(184,161,115)
HSLhsl(40, 33%, 59%)
CMYKcmyk(0%, 13%, 38%, 28%)
Download
SVG PNG
C5C1BA
Copy As
HEX#C5C1BA
RGBrgb(197,193,186)
HSLhsl(38, 9%, 75%)
CMYKcmyk(0%, 2%, 6%, 23%)
Download
SVG PNG
C0AB86
Copy As
HEX#C0AB86
RGBrgb(192,171,134)
HSLhsl(38, 32%, 64%)
CMYKcmyk(0%, 11%, 30%, 25%)
Download
SVG PNG
63573D
Copy As
HEX#63573D
RGBrgb(99,87,61)
HSLhsl(41, 24%, 31%)
CMYKcmyk(0%, 12%, 38%, 61%)
Download
SVG PNG
9F8B63
Copy As
HEX#9F8B63
RGBrgb(159,139,99)
HSLhsl(40, 24%, 51%)
CMYKcmyk(0%, 13%, 38%, 38%)
Download
SVG PNG
#DBCCB3
#CFBA95
#E1DACD
#B8A173
#C5C1BA
#C0AB86
#63573D
#9F8B63
The Roots - View 5 View 5
Palette extracted from this image

This palette is from

The Roots

cufflinks

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#DBCCB3
Light Gray
31.4% Gray
Web Formats
HEX#DBCCB3
RGB219,204,179
HSLhsl(38, 36%, 78%)
HWBhwb(38, 70%, 14%)
Print & Design
CMYKcmyk(0%, 7%, 18%, 14%)
HSVhsv(38, 18%, 86%)
Perceptual (Color Science)
LABlab(82.65, 1.18, 14.35)
LCHlch(82.65, 14.4, 85.3°)
XYZxyz(58.94, 61.5, 51.41)
OKLaboklab(0.8509, 0.0061, 0.0371)
Accessibility (WCAG 2.1)
Aa
On White
1.58:1
Fail
Aa
On Black
13.30:1
AAA Pass
Aa
White on Color
1.58:1
Fail
Aa
Black on Color
13.30:1
AAA Pass
61.5%
Relative Luminance
0.6150
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
#B3C2DB
Complementary
of Light Gray
#D6DBB3
Analogous
of Light Gray
#DBB8B3
Analogous
of Light Gray
#F4EFE7
Lighter Tint
of Light Gray
#F7F3EE
Lighter Tint
of Light Gray
#F7F3EE
Lighter Tint
of Light Gray
#C3AA7F
Darker Shade
of Light Gray
#A6864E
Darker Shade
of Light Gray
#725C36
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#CFBA95
Tan
28.9% Brown
Web Formats
HEX#CFBA95
RGB207,186,149
HSLhsl(38, 38%, 70%)
HWBhwb(38, 58%, 19%)
Print & Design
CMYKcmyk(0%, 10%, 28%, 19%)
HSVhsv(38, 28%, 81%)
Perceptual (Color Science)
LABlab(76.41, 1.83, 21.52)
LCHlch(76.41, 21.59, 85.1°)
XYZxyz(48.72, 50.55, 35.62)
OKLaboklab(0.7974, 0.008, 0.0547)
Accessibility (WCAG 2.1)
Aa
On White
1.89:1
Fail
Aa
On Black
11.11:1
AAA Pass
Aa
White on Color
1.89:1
Fail
Aa
Black on Color
11.11:1
AAA Pass
50.6%
Relative Luminance
0.5055
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
#95ABD0
Complementary
of Tan
#C8D095
Analogous
of Tan
#D09D95
Analogous
of Tan
#E7DDCA
Lighter Tint
of Tan
#F7F4ED
Lighter Tint
of Tan
#F7F4ED
Lighter Tint
of Tan
#B89861
Darker Shade
of Tan
#8D703F
Darker Shade
of Tan
#584628
Darker Shade
of Tan
Tan
Named Color
Discover the Hue
#E1DACD
Gainsboro
16.0% Gray
Web Formats
HEX#E1DACD
RGB225,218,205
HSLhsl(39, 25%, 84%)
HWBhwb(39, 80%, 12%)
Print & Design
CMYKcmyk(0%, 3%, 9%, 12%)
HSVhsv(39, 9%, 88%)
Perceptual (Color Science)
LABlab(87.27, 0.17, 7.24)
LCHlch(87.27, 7.24, 88.7°)
XYZxyz(67.14, 70.56, 67.83)
OKLaboklab(0.8904, 0.0023, 0.019)
Accessibility (WCAG 2.1)
Aa
On White
1.39:1
Fail
Aa
On Black
15.11:1
AAA Pass
Aa
White on Color
1.39:1
Fail
Aa
Black on Color
15.11:1
AAA Pass
70.6%
Relative Luminance
0.7056
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
#CCD3E0
Complementary
of Gainsboro
#DDE0CC
Analogous
of Gainsboro
#E0CFCC
Analogous
of Gainsboro
#F5F3EF
Lighter Tint
of Gainsboro
#F5F3EF
Lighter Tint
of Gainsboro
#F5F3EF
Lighter Tint
of Gainsboro
#C4B69C
Darker Shade
of Gainsboro
#A7926C
Darker Shade
of Gainsboro
#7C6B4B
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#B8A173
Dark Khaki
14.1% Yellow
Web Formats
HEX#B8A173
RGB184,161,115
HSLhsl(40, 33%, 59%)
HWBhwb(40, 45%, 28%)
Print & Design
CMYKcmyk(0%, 13%, 38%, 28%)
HSVhsv(40, 38%, 72%)
Perceptual (Color Science)
LABlab(67.22, 1.75, 27.07)
LCHlch(67.22, 27.13, 86.3°)
XYZxyz(35.61, 36.92, 21.47)
OKLaboklab(0.7181, 0.0068, 0.0673)
Accessibility (WCAG 2.1)
Aa
On White
2.50:1
Fail
Aa
On Black
8.38:1
AAA Pass
Aa
White on Color
2.50:1
Fail
Aa
Black on Color
8.38:1
AAA Pass
36.9%
Relative Luminance
0.3692
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
#748BB9
Complementary
of Dark Khaki
#ADB974
Analogous
of Dark Khaki
#B97F74
Analogous
of Dark Khaki
#D3C4A7
Lighter Tint
of Dark Khaki
#ECE6DA
Lighter Tint
of Dark Khaki
#F6F4EE
Lighter Tint
of Dark Khaki
#957D4B
Darker Shade
of Dark Khaki
#625232
Darker Shade
of Dark Khaki
#2F2818
Darker Shade
of Dark Khaki
Dark Khaki
Named Color
Discover the Hue
#C5C1BA
Silver
1.9% Gray
Web Formats
HEX#C5C1BA
RGB197,193,186
HSLhsl(38, 9%, 75%)
HWBhwb(38, 73%, 23%)
Print & Design
CMYKcmyk(0%, 2%, 6%, 23%)
HSVhsv(38, 6%, 77%)
Perceptual (Color Science)
LABlab(78.2, 0.15, 4.01)
LCHlch(78.2, 4.01, 87.9°)
XYZxyz(50.96, 53.56, 54.1)
OKLaboklab(0.8122, 0.0015, 0.0106)
Accessibility (WCAG 2.1)
Aa
On White
1.79:1
Fail
Aa
On Black
11.71:1
AAA Pass
Aa
White on Color
1.79:1
Fail
Aa
Black on Color
11.71:1
AAA Pass
53.6%
Relative Luminance
0.5356
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
#BABEC5
Complementary
of Silver
#C3C5BA
Analogous
of Silver
#C5BBBA
Analogous
of Silver
#E8E6E3
Lighter Tint
of Silver
#F3F3F1
Lighter Tint
of Silver
#F3F3F1
Lighter Tint
of Silver
#A29B90
Darker Shade
of Silver
#7D7668
Darker Shade
of Silver
#534E46
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#C0AB86
Tan
3.2% Brown
Web Formats
HEX#C0AB86
RGB192,171,134
HSLhsl(38, 32%, 64%)
HWBhwb(38, 53%, 25%)
Print & Design
CMYKcmyk(0%, 11%, 30%, 25%)
HSVhsv(38, 30%, 75%)
Perceptual (Color Science)
LABlab(70.91, 1.97, 21.86)
LCHlch(70.91, 21.95, 84.9°)
XYZxyz(40.6, 42.05, 28.53)
OKLaboklab(0.75, 0.0081, 0.0553)
Accessibility (WCAG 2.1)
Aa
On White
2.23:1
Fail
Aa
On Black
9.41:1
AAA Pass
Aa
White on Color
2.23:1
Fail
Aa
Black on Color
9.41:1
AAA Pass
42.1%
Relative Luminance
0.4205
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
#869BC1
Complementary
of Tan
#B9C186
Analogous
of Tan
#C18E86
Analogous
of Tan
#DBCEB8
Lighter Tint
of Tan
#F5F1EB
Lighter Tint
of Tan
#F6F3EE
Lighter Tint
of Tan
#A58855
Darker Shade
of Tan
#725E3B
Darker Shade
of Tan
#403521
Darker Shade
of Tan
Tan
Named Color
Discover the Hue
#63573D
Dark Olive Green
1.5% Green
Web Formats
HEX#63573D
RGB99,87,61
HSLhsl(41, 24%, 31%)
HWBhwb(41, 24%, 61%)
Print & Design
CMYKcmyk(0%, 12%, 38%, 61%)
HSVhsv(41, 38%, 39%)
Perceptual (Color Science)
LABlab(37.49, 0.62, 16.93)
LCHlch(37.49, 16.94, 87.9°)
XYZxyz(9.4, 9.81, 5.81)
OKLaboklab(0.4614, 0.003, 0.0422)
Accessibility (WCAG 2.1)
Aa
On White
7.09:1
AAA Pass
Aa
On Black
2.96:1
Fail
Aa
White on Color
7.09:1
AAA Pass
Aa
Black on Color
2.96:1
Fail
9.8%
Relative Luminance
0.0981
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
#3C4862
Complementary
of Dark Olive Green
#5B623C
Analogous
of Dark Olive Green
#62433C
Analogous
of Dark Olive Green
#918059
Lighter Tint
of Dark Olive Green
#B3A484
Lighter Tint
of Dark Olive Green
#D0C7B3
Lighter Tint
of Dark Olive Green
#332C1F
Darker Shade
of Dark Olive Green
#100E0A
Darker Shade
of Dark Olive Green
#100E0A
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#9F8B63
Gray
3.0% Gray
Web Formats
HEX#9F8B63
RGB159,139,99
HSLhsl(40, 24%, 51%)
HWBhwb(40, 39%, 38%)
Print & Design
CMYKcmyk(0%, 13%, 38%, 38%)
HSVhsv(40, 38%, 62%)
Perceptual (Color Science)
LABlab(58.73, 1.55, 24.18)
LCHlch(58.73, 24.23, 86.3°)
XYZxyz(25.78, 26.74, 15.6)
OKLaboklab(0.6449, 0.0061, 0.0601)
Accessibility (WCAG 2.1)
Aa
On White
3.31:1
Large Only
Aa
On Black
6.35:1
AA Pass
Aa
White on Color
3.31:1
Large Only
Aa
Black on Color
6.35:1
AA Pass
26.7%
Relative Luminance
0.2674
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
#6478A0
Complementary
of Gray
#96A064
Analogous
of Gray
#A06E64
Analogous
of Gray
#BDAF93
Lighter Tint
of Gray
#DAD2C3
Lighter Tint
of Gray
#F5F3EF
Lighter Tint
of Gray
#726346
Darker Shade
of Gray
#423A29
Darker Shade
of Gray
#13110C
Darker Shade
of Gray
Gray
Named Color
Discover the Hue