Jewelry Design Colors

Color Palette • View 3

Packaging Bejeweled — Statement Jewelry

D6D4CD
Copy As
HEX#D6D4CD
RGBrgb(214,212,205)
HSLhsl(47, 10%, 82%)
CMYKcmyk(0%, 1%, 4%, 16%)
Download
SVG PNG
C6C1B7
Copy As
HEX#C6C1B7
RGBrgb(198,193,183)
HSLhsl(40, 12%, 75%)
CMYKcmyk(0%, 3%, 8%, 22%)
Download
SVG PNG
E4E3E0
Copy As
HEX#E4E3E0
RGBrgb(228,227,224)
HSLhsl(45, 7%, 89%)
CMYKcmyk(0%, 0%, 2%, 11%)
Download
SVG PNG
B6B2A6
Copy As
HEX#B6B2A6
RGBrgb(182,178,166)
HSLhsl(45, 10%, 68%)
CMYKcmyk(0%, 2%, 9%, 29%)
Download
SVG PNG
A6A195
Copy As
HEX#A6A195
RGBrgb(166,161,149)
HSLhsl(42, 9%, 62%)
CMYKcmyk(0%, 3%, 10%, 35%)
Download
SVG PNG
939187
Copy As
HEX#939187
RGBrgb(147,145,135)
HSLhsl(50, 5%, 55%)
CMYKcmyk(0%, 1%, 8%, 42%)
Download
SVG PNG
7F7C73
Copy As
HEX#7F7C73
RGBrgb(127,124,115)
HSLhsl(45, 5%, 47%)
CMYKcmyk(0%, 2%, 9%, 50%)
Download
SVG PNG
5C584D
Copy As
HEX#5C584D
RGBrgb(92,88,77)
HSLhsl(44, 9%, 33%)
CMYKcmyk(0%, 4%, 16%, 64%)
Download
SVG PNG
#D6D4CD
#C6C1B7
#E4E3E0
#B6B2A6
#A6A195
#939187
#7F7C73
#5C584D
Packaging Bejeweled - View 3 View 3
Palette extracted from this image

This palette is from

Packaging Bejeweled

Statement Jewelry

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#D6D4CD
Light Gray
46.7% Gray
Web Formats
HEX#D6D4CD
RGB214,212,205
HSLhsl(47, 10%, 82%)
HWBhwb(47, 80%, 16%)
Print & Design
CMYKcmyk(0%, 1%, 4%, 16%)
HSVhsv(47, 4%, 84%)
Perceptual (Color Science)
LABlab(84.89, -0.56, 3.7)
LCHlch(84.89, 3.74, 98.6°)
XYZxyz(62.29, 65.79, 67.16)
OKLaboklab(0.8695, -0.0006, 0.0097)
Accessibility (WCAG 2.1)
Aa
On White
1.48:1
Fail
Aa
On Black
14.16:1
AAA Pass
Aa
White on Color
1.48:1
Fail
Aa
Black on Color
14.16:1
AAA Pass
65.8%
Relative Luminance
0.6579
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
#CDCED6
Complementary
of Light Gray
#D3D6CD
Analogous
of Light Gray
#D6CFCD
Analogous
of Light Gray
#F4F3F1
Lighter Tint
of Light Gray
#F4F3F1
Lighter Tint
of Light Gray
#F4F3F1
Lighter Tint
of Light Gray
#B3B0A2
Darker Shade
of Light Gray
#918C78
Darker Shade
of Light Gray
#686455
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#C6C1B7
Silver
26.3% Gray
Web Formats
HEX#C6C1B7
RGB198,193,183
HSLhsl(40, 12%, 75%)
HWBhwb(40, 72%, 22%)
Print & Design
CMYKcmyk(0%, 3%, 8%, 22%)
HSVhsv(40, 8%, 78%)
Perceptual (Color Science)
LABlab(78.21, -0.02, 5.65)
LCHlch(78.21, 5.65, 90.2°)
XYZxyz(50.9, 53.56, 52.45)
OKLaboklab(0.8122, 0.0014, 0.0148)
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
#B8BDC7
Complementary
of Silver
#C4C7B8
Analogous
of Silver
#C7BAB8
Analogous
of Silver
#E9E7E2
Lighter Tint
of Silver
#F4F3F1
Lighter Tint
of Silver
#F4F3F1
Lighter Tint
of Silver
#A59D8D
Darker Shade
of Silver
#817765
Darker Shade
of Silver
#565043
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#E4E3E0
Gainsboro
15.7% Gray
Web Formats
HEX#E4E3E0
RGB228,227,224
HSLhsl(45, 7%, 89%)
HWBhwb(45, 88%, 11%)
Print & Design
CMYKcmyk(0%, 0%, 2%, 11%)
HSVhsv(45, 2%, 89%)
Perceptual (Color Science)
LABlab(90.24, -0.19, 1.58)
LCHlch(90.24, 1.59, 97°)
XYZxyz(72.92, 76.81, 81.49)
OKLaboklab(0.9158, -0.0001, 0.0042)
Accessibility (WCAG 2.1)
Aa
On White
1.28:1
Fail
Aa
On Black
16.36:1
AAA Pass
Aa
White on Color
1.28:1
Fail
Aa
Black on Color
16.36:1
AAA Pass
76.8%
Relative Luminance
0.7681
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
#E1E2E5
Complementary
of Gainsboro
#E4E5E1
Analogous
of Gainsboro
#E5E2E1
Analogous
of Gainsboro
#F3F3F1
Lighter Tint
of Gainsboro
#F3F3F1
Lighter Tint
of Gainsboro
#F3F3F1
Lighter Tint
of Gainsboro
#C1BFB8
Darker Shade
of Gainsboro
#9E9A8F
Darker Shade
of Gainsboro
#787468
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#B6B2A6
Dark Gray
7.1% Gray
Web Formats
HEX#B6B2A6
RGB182,178,166
HSLhsl(45, 10%, 68%)
HWBhwb(45, 65%, 29%)
Print & Design
CMYKcmyk(0%, 2%, 9%, 29%)
HSVhsv(45, 9%, 71%)
Perceptual (Color Science)
LABlab(72.59, -0.72, 6.63)
LCHlch(72.59, 6.67, 96.2°)
XYZxyz(42.09, 44.54, 42.45)
OKLaboklab(0.7634, -0.0005, 0.0174)
Accessibility (WCAG 2.1)
Aa
On White
2.12:1
Fail
Aa
On Black
9.91:1
AAA Pass
Aa
White on Color
2.12:1
Fail
Aa
Black on Color
9.91:1
AAA Pass
44.5%
Relative Luminance
0.4454
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
#A5A9B6
Complementary
of Dark Gray
#B1B6A5
Analogous
of Dark Gray
#B6A9A5
Analogous
of Dark Gray
#D8D6CF
Lighter Tint
of Dark Gray
#F4F3F1
Lighter Tint
of Dark Gray
#F4F3F1
Lighter Tint
of Dark Gray
#938D7B
Darker Shade
of Dark Gray
#6B6657
Darker Shade
of Dark Gray
#413E35
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#A6A195
Dark Gray
2.3% Gray
Web Formats
HEX#A6A195
RGB166,161,149
HSLhsl(42, 9%, 62%)
HWBhwb(42, 58%, 35%)
Print & Design
CMYKcmyk(0%, 3%, 10%, 35%)
HSVhsv(42, 10%, 65%)
Perceptual (Color Science)
LABlab(66.34, -0.35, 6.89)
LCHlch(66.34, 6.9, 92.9°)
XYZxyz(33.89, 35.77, 33.55)
OKLaboklab(0.7097, 0.0006, 0.018)
Accessibility (WCAG 2.1)
Aa
On White
2.58:1
Fail
Aa
On Black
8.15:1
AAA Pass
Aa
White on Color
2.58:1
Fail
Aa
Black on Color
8.15:1
AAA Pass
35.8%
Relative Luminance
0.3577
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
#959BA7
Complementary
of Dark Gray
#A3A795
Analogous
of Dark Gray
#A79995
Analogous
of Dark Gray
#CAC6BF
Lighter Tint
of Dark Gray
#ECEBE9
Lighter Tint
of Dark Gray
#F3F3F1
Lighter Tint
of Dark Gray
#837C6D
Darker Shade
of Dark Gray
#59554A
Darker Shade
of Dark Gray
#2F2D27
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#939187
Gray
1.1% Gray
Web Formats
HEX#939187
RGB147,145,135
HSLhsl(50, 5%, 55%)
HWBhwb(50, 53%, 42%)
Print & Design
CMYKcmyk(0%, 1%, 8%, 42%)
HSVhsv(50, 8%, 58%)
Perceptual (Color Science)
LABlab(60.07, -1.13, 5.57)
LCHlch(60.07, 5.68, 101.5°)
XYZxyz(26.53, 28.2, 26.96)
OKLaboklab(0.6554, -0.0019, 0.0146)
Accessibility (WCAG 2.1)
Aa
On White
3.16:1
Large Only
Aa
On Black
6.64:1
AA Pass
Aa
White on Color
3.16:1
Large Only
Aa
Black on Color
6.64:1
AA Pass
28.2%
Relative Luminance
0.2820
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
#878892
Complementary
of Gray
#8E9287
Analogous
of Gray
#928A87
Analogous
of Gray
#B6B5AF
Lighter Tint
of Gray
#DBDAD7
Lighter Tint
of Gray
#F3F3F2
Lighter Tint
of Gray
#6B6961
Darker Shade
of Gray
#43423D
Darker Shade
of Gray
#1B1A18
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#7F7C73
Gray
0.7% Gray
Web Formats
HEX#7F7C73
RGB127,124,115
HSLhsl(45, 5%, 47%)
HWBhwb(45, 45%, 50%)
Print & Design
CMYKcmyk(0%, 2%, 9%, 50%)
HSVhsv(45, 9%, 50%)
Perceptual (Color Science)
LABlab(52.02, -0.57, 5.31)
LCHlch(52.02, 5.35, 96.2°)
XYZxyz(19.05, 20.17, 19.1)
OKLaboklab(0.5862, -0.0004, 0.0139)
Accessibility (WCAG 2.1)
Aa
On White
4.17:1
Large Only
Aa
On Black
5.03:1
AA Pass
Aa
White on Color
4.17:1
Large Only
Aa
Black on Color
5.03:1
AA Pass
20.2%
Relative Luminance
0.2017
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
#72757E
Complementary
of Gray
#7B7E72
Analogous
of Gray
#7E7572
Analogous
of Gray
#A3A199
Lighter Tint
of Gray
#C7C6C1
Lighter Tint
of Gray
#ECEBEA
Lighter Tint
of Gray
#56544E
Darker Shade
of Gray
#2E2C29
Darker Shade
of Gray
#0D0D0C
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#5C584D
Dim Gray
0.2% Gray
Web Formats
HEX#5C584D
RGB92,88,77
HSLhsl(44, 9%, 33%)
HWBhwb(44, 30%, 64%)
Print & Design
CMYKcmyk(0%, 4%, 16%, 64%)
HSVhsv(44, 16%, 36%)
Perceptual (Color Science)
LABlab(37.46, -0.52, 6.96)
LCHlch(37.46, 6.98, 94.3°)
XYZxyz(9.24, 9.79, 8.42)
OKLaboklab(0.4607, -0.0001, 0.0181)
Accessibility (WCAG 2.1)
Aa
On White
7.10:1
AAA Pass
Aa
On Black
2.96:1
Fail
Aa
White on Color
7.10:1
AAA Pass
Aa
Black on Color
2.96:1
Fail
9.8%
Relative Luminance
0.0979
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
#4D515C
Complementary
of Dim Gray
#585C4D
Analogous
of Dim Gray
#5C504D
Analogous
of Dim Gray
#85806F
Lighter Tint
of Dim Gray
#A9A598
Lighter Tint
of Dim Gray
#CCC9C2
Lighter Tint
of Dim Gray
#32302A
Darker Shade
of Dim Gray
#0E0D0C
Darker Shade
of Dim Gray
#0E0D0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue