Jewelry Design Colors

Color Palette • View 3

Notre Dame — Earrings

D3D4CF
Copy As
HEX#D3D4CF
RGBrgb(211,212,207)
HSLhsl(72, 5%, 82%)
CMYKcmyk(0%, 0%, 2%, 17%)
Download
SVG PNG
C3C4BE
Copy As
HEX#C3C4BE
RGBrgb(195,196,190)
HSLhsl(70, 5%, 76%)
CMYKcmyk(1%, 0%, 3%, 23%)
Download
SVG PNG
A2A49E
Copy As
HEX#A2A49E
RGBrgb(162,164,158)
HSLhsl(80, 3%, 63%)
CMYKcmyk(1%, 0%, 4%, 36%)
Download
SVG PNG
8D8C86
Copy As
HEX#8D8C86
RGBrgb(141,140,134)
HSLhsl(51, 3%, 54%)
CMYKcmyk(0%, 1%, 5%, 45%)
Download
SVG PNG
F3F3F3
Copy As
HEX#F3F3F3
RGBrgb(243,243,243)
HSLhsl(0, 0%, 95%)
CMYKcmyk(0%, 0%, 0%, 5%)
Download
SVG PNG
797870
Copy As
HEX#797870
RGBrgb(121,120,112)
HSLhsl(53, 4%, 46%)
CMYKcmyk(0%, 1%, 7%, 53%)
Download
SVG PNG
B1B2AB
Copy As
HEX#B1B2AB
RGBrgb(177,178,171)
HSLhsl(69, 4%, 68%)
CMYKcmyk(1%, 0%, 4%, 30%)
Download
SVG PNG
666458
Copy As
HEX#666458
RGBrgb(102,100,88)
HSLhsl(51, 7%, 37%)
CMYKcmyk(0%, 2%, 14%, 60%)
Download
SVG PNG
#D3D4CF
#C3C4BE
#A2A49E
#8D8C86
#F3F3F3
#797870
#B1B2AB
#666458
Notre Dame - View 3 View 3
Palette extracted from this image

This palette is from

Notre Dame

Earrings

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#D3D4CF
Light Gray
30.9% Gray
Web Formats
HEX#D3D4CF
RGB211,212,207
HSLhsl(72, 5%, 82%)
HWBhwb(72, 81%, 17%)
Print & Design
CMYKcmyk(0%, 0%, 2%, 17%)
HSVhsv(72, 2%, 83%)
Perceptual (Color Science)
LABlab(84.71, -1.24, 2.35)
LCHlch(84.71, 2.66, 117.8°)
XYZxyz(61.67, 65.44, 68.4)
OKLaboklab(0.8677, -0.003, 0.0062)
Accessibility (WCAG 2.1)
Aa
On White
1.49:1
Fail
Aa
On Black
14.09:1
AAA Pass
Aa
White on Color
1.49:1
Fail
Aa
Black on Color
14.09:1
AAA Pass
65.4%
Relative Luminance
0.6544
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
#D0CFD3
Complementary
of Light Gray
#D0D3CF
Analogous
of Light Gray
#D3D2CF
Analogous
of Light Gray
#F3F3F2
Lighter Tint
of Light Gray
#F3F3F2
Lighter Tint
of Light Gray
#F3F3F2
Lighter Tint
of Light Gray
#ADAFA7
Darker Shade
of Light Gray
#888B7E
Darker Shade
of Light Gray
#61635A
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#C3C4BE
Silver
17.4% Gray
Web Formats
HEX#C3C4BE
RGB195,196,190
HSLhsl(70, 5%, 76%)
HWBhwb(70, 75%, 23%)
Print & Design
CMYKcmyk(1%, 0%, 3%, 23%)
HSVhsv(70, 3%, 77%)
Perceptual (Color Science)
LABlab(78.93, -1.44, 2.89)
LCHlch(78.93, 3.22, 116.5°)
XYZxyz(51.54, 54.8, 56.57)
OKLaboklab(0.8178, -0.0034, 0.0076)
Accessibility (WCAG 2.1)
Aa
On White
1.76:1
Fail
Aa
On Black
11.96:1
AAA Pass
Aa
White on Color
1.76:1
Fail
Aa
Black on Color
11.96:1
AAA Pass
54.8%
Relative Luminance
0.5480
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
#C0BFC5
Complementary
of Silver
#C1C5BF
Analogous
of Silver
#C5C3BF
Analogous
of Silver
#E9E9E7
Lighter Tint
of Silver
#F3F3F2
Lighter Tint
of Silver
#F3F3F2
Lighter Tint
of Silver
#9FA197
Darker Shade
of Silver
#797B6F
Darker Shade
of Silver
#52534B
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#A2A49E
Dark Gray
16.6% Gray
Web Formats
HEX#A2A49E
RGB162,164,158
HSLhsl(80, 3%, 63%)
HWBhwb(80, 62%, 36%)
Print & Design
CMYKcmyk(1%, 0%, 4%, 36%)
HSVhsv(80, 4%, 64%)
Perceptual (Color Science)
LABlab(67.05, -1.85, 2.86)
LCHlch(67.05, 3.4, 122.9°)
XYZxyz(34.35, 36.7, 37.62)
OKLaboklab(0.7153, -0.0046, 0.0075)
Accessibility (WCAG 2.1)
Aa
On White
2.52:1
Fail
Aa
On Black
8.34:1
AAA Pass
Aa
White on Color
2.52:1
Fail
Aa
Black on Color
8.34:1
AAA Pass
36.7%
Relative Luminance
0.3670
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
#A09EA3
Complementary
of Dark Gray
#9FA39E
Analogous
of Dark Gray
#A3A39E
Analogous
of Dark Gray
#C7C9C5
Lighter Tint
of Dark Gray
#EDEEED
Lighter Tint
of Dark Gray
#F2F3F2
Lighter Tint
of Dark Gray
#7C7E77
Darker Shade
of Dark Gray
#555752
Darker Shade
of Dark Gray
#2E2F2D
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#8D8C86
Gray
16.1% Gray
Web Formats
HEX#8D8C86
RGB141,140,134
HSLhsl(51, 3%, 54%)
HWBhwb(51, 53%, 45%)
Print & Design
CMYKcmyk(0%, 1%, 5%, 45%)
HSVhsv(51, 5%, 55%)
Perceptual (Color Science)
LABlab(58.17, -0.78, 3.33)
LCHlch(58.17, 3.42, 103.1°)
XYZxyz(24.67, 26.14, 26.3)
OKLaboklab(0.6391, -0.0014, 0.0088)
Accessibility (WCAG 2.1)
Aa
On White
3.37:1
Large Only
Aa
On Black
6.23:1
AA Pass
Aa
White on Color
3.37:1
Large Only
Aa
Black on Color
6.23:1
AA Pass
26.1%
Relative Luminance
0.2614
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
#86878D
Complementary
of Gray
#8B8D86
Analogous
of Gray
#8D8986
Analogous
of Gray
#B2B2AE
Lighter Tint
of Gray
#D7D7D5
Lighter Tint
of Gray
#F3F3F2
Lighter Tint
of Gray
#666660
Darker Shade
of Gray
#3F3E3B
Darker Shade
of Gray
#181716
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#F3F3F3
White Smoke
9.9% White
Web Formats
HEX#F3F3F3
RGB243,243,243
HSLhsl(0, 0%, 95%)
HWBhwb(0, 95%, 5%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 5%)
HSVhsv(0, 0%, 95%)
Perceptual (Color Science)
LABlab(95.84, -0, 0)
LCHlch(95.84, 0, 158.2°)
XYZxyz(85.19, 89.63, 97.59)
OKLaboklab(0.9642, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.11:1
Fail
Aa
On Black
18.93:1
AAA Pass
Aa
White on Color
1.11:1
Fail
Aa
Black on Color
18.93:1
AAA Pass
89.6%
Relative Luminance
0.8963
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
#F2F2F2
Complementary
of White Smoke
#F2F2F2
Analogous
of White Smoke
#F2F2F2
Analogous
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#CCCCCC
Darker Shade
of White Smoke
#A6A6A6
Darker Shade
of White Smoke
#808080
Darker Shade
of White Smoke
White Smoke
Named Color
Discover the Hue
#797870
Gray
5.4% Gray
Web Formats
HEX#797870
RGB121,120,112
HSLhsl(53, 4%, 46%)
HWBhwb(53, 44%, 53%)
Print & Design
CMYKcmyk(0%, 1%, 7%, 53%)
HSVhsv(53, 7%, 47%)
Perceptual (Color Science)
LABlab(50.3, -1.17, 4.53)
LCHlch(50.3, 4.67, 104.5°)
XYZxyz(17.53, 18.67, 18.01)
OKLaboklab(0.5711, -0.0023, 0.0119)
Accessibility (WCAG 2.1)
Aa
On White
4.44:1
Large Only
Aa
On Black
4.73:1
AA Pass
Aa
White on Color
4.44:1
Large Only
Aa
Black on Color
4.73:1
AA Pass
18.7%
Relative Luminance
0.1867
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
#71727A
Complementary
of Gray
#767A71
Analogous
of Gray
#7A7471
Analogous
of Gray
#A09F98
Lighter Tint
of Gray
#C4C4BF
Lighter Tint
of Gray
#E9E9E7
Lighter Tint
of Gray
#52514C
Darker Shade
of Gray
#2A2A27
Darker Shade
of Gray
#0D0D0C
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#B1B2AB
Dark Gray
2.4% Gray
Web Formats
HEX#B1B2AB
RGB177,178,171
HSLhsl(69, 4%, 68%)
HWBhwb(69, 67%, 30%)
Print & Design
CMYKcmyk(1%, 0%, 4%, 30%)
HSVhsv(69, 4%, 70%)
Perceptual (Color Science)
LABlab(72.31, -1.64, 3.45)
LCHlch(72.31, 3.82, 115.5°)
XYZxyz(41.4, 44.13, 44.86)
OKLaboklab(0.7607, -0.0039, 0.0091)
Accessibility (WCAG 2.1)
Aa
On White
2.14:1
Fail
Aa
On Black
9.83:1
AAA Pass
Aa
White on Color
2.14:1
Fail
Aa
Black on Color
9.83:1
AAA Pass
44.1%
Relative Luminance
0.4413
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
#ABAAB1
Complementary
of Dark Gray
#ACB1AA
Analogous
of Dark Gray
#B1AEAA
Analogous
of Dark Gray
#D5D5D2
Lighter Tint
of Dark Gray
#F3F3F2
Lighter Tint
of Dark Gray
#F3F3F2
Lighter Tint
of Dark Gray
#8B8C82
Darker Shade
of Dark Gray
#64655D
Darker Shade
of Dark Gray
#3C3D38
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#666458
Dim Gray
1.3% Gray
Web Formats
HEX#666458
RGB102,100,88
HSLhsl(51, 7%, 37%)
HWBhwb(51, 35%, 60%)
Print & Design
CMYKcmyk(0%, 2%, 14%, 60%)
HSVhsv(51, 14%, 40%)
Perceptual (Color Science)
LABlab(42.22, -1.54, 7.09)
LCHlch(42.22, 7.26, 102.2°)
XYZxyz(11.8, 12.64, 11.05)
OKLaboklab(0.5014, -0.003, 0.0184)
Accessibility (WCAG 2.1)
Aa
On White
5.95:1
AA Pass
Aa
On Black
3.53:1
Large Only
Aa
White on Color
5.95:1
AA Pass
Aa
Black on Color
3.53:1
Large Only
12.6%
Relative Luminance
0.1264
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
#585A65
Complementary
of Dim Gray
#606558
Analogous
of Dim Gray
#655C58
Analogous
of Dim Gray
#8D8B7C
Lighter Tint
of Dim Gray
#B1AFA5
Lighter Tint
of Dim Gray
#D4D3CE
Lighter Tint
of Dim Gray
#3C3B34
Darker Shade
of Dim Gray
#131311
Darker Shade
of Dim Gray
#0E0D0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue