Jewelry Design Colors

Color Palette • View 5

Midnight Tide — Necklace

BCB6B5
Copy As
HEX#BCB6B5
RGBrgb(188,182,181)
HSLhsl(9, 5%, 72%)
CMYKcmyk(0%, 3%, 4%, 26%)
Download
SVG PNG
CDC1BA
Copy As
HEX#CDC1BA
RGBrgb(205,193,186)
HSLhsl(22, 16%, 77%)
CMYKcmyk(0%, 6%, 9%, 20%)
Download
SVG PNG
9FA3A9
Copy As
HEX#9FA3A9
RGBrgb(159,163,169)
HSLhsl(216, 5%, 64%)
CMYKcmyk(6%, 4%, 0%, 34%)
Download
SVG PNG
898F95
Copy As
HEX#898F95
RGBrgb(137,143,149)
HSLhsl(210, 5%, 56%)
CMYKcmyk(8%, 4%, 0%, 42%)
Download
SVG PNG
A49B94
Copy As
HEX#A49B94
RGBrgb(164,155,148)
HSLhsl(26, 8%, 61%)
CMYKcmyk(0%, 5%, 10%, 36%)
Download
SVG PNG
B9A99D
Copy As
HEX#B9A99D
RGBrgb(185,169,157)
HSLhsl(26, 17%, 67%)
CMYKcmyk(0%, 9%, 15%, 27%)
Download
SVG PNG
DFCFBE
Copy As
HEX#DFCFBE
RGBrgb(223,207,190)
HSLhsl(31, 34%, 81%)
CMYKcmyk(0%, 7%, 15%, 13%)
Download
SVG PNG
7F7E7E
Copy As
HEX#7F7E7E
RGBrgb(127,126,126)
HSLhsl(0, 0%, 50%)
CMYKcmyk(0%, 1%, 1%, 50%)
Download
SVG PNG
#BCB6B5
#CDC1BA
#9FA3A9
#898F95
#A49B94
#B9A99D
#DFCFBE
#7F7E7E
Midnight Tide - View 5 View 5
Palette extracted from this image

This palette is from

Midnight Tide

Necklace

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#BCB6B5
Silver
68.0% Gray
Web Formats
HEX#BCB6B5
RGB188,182,181
HSLhsl(9, 5%, 72%)
HWBhwb(9, 71%, 26%)
Print & Design
CMYKcmyk(0%, 3%, 4%, 26%)
HSVhsv(9, 4%, 74%)
Perceptual (Color Science)
LABlab(74.5, 1.93, 1.26)
LCHlch(74.5, 2.31, 33.1°)
XYZxyz(45.81, 47.48, 50.46)
OKLaboklab(0.7809, 0.0061, 0.0034)
Accessibility (WCAG 2.1)
Aa
On White
2.00:1
Fail
Aa
On Black
10.50:1
AAA Pass
Aa
White on Color
2.00:1
Fail
Aa
Black on Color
10.50:1
AAA Pass
47.5%
Relative Luminance
0.4748
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
#B4BABB
Complementary
of Silver
#BBB9B4
Analogous
of Silver
#BBB4B7
Analogous
of Silver
#E0DDDC
Lighter Tint
of Silver
#F3F2F2
Lighter Tint
of Silver
#F3F2F2
Lighter Tint
of Silver
#978E8C
Darker Shade
of Silver
#706766
Darker Shade
of Silver
#484241
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#CDC1BA
Silver
23.6% Gray
Web Formats
HEX#CDC1BA
RGB205,193,186
HSLhsl(22, 16%, 77%)
HWBhwb(22, 73%, 20%)
Print & Design
CMYKcmyk(0%, 6%, 9%, 20%)
HSVhsv(22, 9%, 80%)
Perceptual (Color Science)
LABlab(78.85, 3, 5.03)
LCHlch(78.85, 5.85, 59.2°)
XYZxyz(53.11, 54.66, 54.2)
OKLaboklab(0.8188, 0.0102, 0.0133)
Accessibility (WCAG 2.1)
Aa
On White
1.76:1
Fail
Aa
On Black
11.93:1
AAA Pass
Aa
White on Color
1.76:1
Fail
Aa
Black on Color
11.93:1
AAA Pass
54.7%
Relative Luminance
0.5466
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
#BBC7CE
Complementary
of Silver
#CECBBB
Analogous
of Silver
#CEBBBD
Analogous
of Silver
#EEEAE7
Lighter Tint
of Silver
#F4F2F0
Lighter Tint
of Silver
#F4F2F0
Lighter Tint
of Silver
#AE9A8F
Darker Shade
of Silver
#8B7365
Darker Shade
of Silver
#5F4E45
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#9FA3A9
Dark Gray
3.9% Gray
Web Formats
HEX#9FA3A9
RGB159,163,169
HSLhsl(216, 5%, 64%)
HWBhwb(216, 62%, 34%)
Print & Design
CMYKcmyk(6%, 4%, 0%, 34%)
HSVhsv(216, 6%, 66%)
Perceptual (Color Science)
LABlab(66.85, -0.24, -3.6)
LCHlch(66.85, 3.61, 266.2°)
XYZxyz(34.56, 36.43, 42.74)
OKLaboklab(0.7141, -0.002, -0.0096)
Accessibility (WCAG 2.1)
Aa
On White
2.53:1
Fail
Aa
On Black
8.29:1
AAA Pass
Aa
White on Color
2.53:1
Fail
Aa
Black on Color
8.29:1
AAA Pass
36.4%
Relative Luminance
0.3643
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
#A8A49F
Complementary
of Dark Gray
#A09FA8
Analogous
of Dark Gray
#9FA7A8
Analogous
of Dark Gray
#C7C9CC
Lighter Tint
of Dark Gray
#EFF0F0
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#777C83
Darker Shade
of Dark Gray
#52565B
Darker Shade
of Dark Gray
#2E3033
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#898F95
Light Slate Gray
1.9% Gray
Web Formats
HEX#898F95
RGB137,143,149
HSLhsl(210, 5%, 56%)
HWBhwb(210, 54%, 42%)
Print & Design
CMYKcmyk(8%, 4%, 0%, 42%)
HSVhsv(210, 8%, 58%)
Perceptual (Color Science)
LABlab(59.1, -0.95, -3.93)
LCHlch(59.1, 4.05, 256.4°)
XYZxyz(25.56, 27.13, 32.32)
OKLaboklab(0.647, -0.0043, -0.0105)
Accessibility (WCAG 2.1)
Aa
On White
3.27:1
Large Only
Aa
On Black
6.43:1
AA Pass
Aa
White on Color
3.27:1
Large Only
Aa
Black on Color
6.43:1
AA Pass
27.1%
Relative Luminance
0.2713
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
#948F89
Complementary
of Light Slate Gray
#898994
Analogous
of Light Slate Gray
#899494
Analogous
of Light Slate Gray
#B1B5B9
Lighter Tint
of Light Slate Gray
#DADBDD
Lighter Tint
of Light Slate Gray
#F2F2F3
Lighter Tint
of Light Slate Gray
#63696E
Darker Shade
of Light Slate Gray
#3F4246
Darker Shade
of Light Slate Gray
#1B1C1D
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#A49B94
Dark Gray
1.7% Gray
Web Formats
HEX#A49B94
RGB164,155,148
HSLhsl(26, 8%, 61%)
HWBhwb(26, 58%, 36%)
Print & Design
CMYKcmyk(0%, 5%, 10%, 36%)
HSVhsv(26, 10%, 64%)
Perceptual (Color Science)
LABlab(64.54, 2.03, 4.84)
LCHlch(64.54, 5.25, 67.3°)
XYZxyz(32.38, 33.47, 32.77)
OKLaboklab(0.6951, 0.0072, 0.0127)
Accessibility (WCAG 2.1)
Aa
On White
2.73:1
Fail
Aa
On Black
7.69:1
AAA Pass
Aa
White on Color
2.73:1
Fail
Aa
Black on Color
7.69:1
AAA Pass
33.5%
Relative Luminance
0.3347
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
#949DA4
Complementary
of Dark Gray
#A4A294
Analogous
of Dark Gray
#A49495
Analogous
of Dark Gray
#C7C1BD
Lighter Tint
of Dark Gray
#EAE8E6
Lighter Tint
of Dark Gray
#F3F2F1
Lighter Tint
of Dark Gray
#7F746C
Darker Shade
of Dark Gray
#554E49
Darker Shade
of Dark Gray
#2C2826
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#B9A99D
Dark Gray
0.5% Gray
Web Formats
HEX#B9A99D
RGB185,169,157
HSLhsl(26, 17%, 67%)
HWBhwb(26, 62%, 27%)
Print & Design
CMYKcmyk(0%, 9%, 15%, 27%)
HSVhsv(26, 15%, 73%)
Perceptual (Color Science)
LABlab(70.26, 3.74, 8.28)
LCHlch(70.26, 9.09, 65.7°)
XYZxyz(40.28, 41.13, 37.71)
OKLaboklab(0.7451, 0.0129, 0.0217)
Accessibility (WCAG 2.1)
Aa
On White
2.28:1
Fail
Aa
On Black
9.22:1
AAA Pass
Aa
White on Color
2.28:1
Fail
Aa
Black on Color
9.22:1
AAA Pass
41.1%
Relative Luminance
0.4112
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
#9DADB9
Complementary
of Dark Gray
#B9B79D
Analogous
of Dark Gray
#B99D9E
Analogous
of Dark Gray
#D9D0C9
Lighter Tint
of Dark Gray
#F4F2F0
Lighter Tint
of Dark Gray
#F4F2F0
Lighter Tint
of Dark Gray
#998270
Darker Shade
of Dark Gray
#6E5C4E
Darker Shade
of Dark Gray
#42372F
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#DFCFBE
Light Gray
0.2% Gray
Web Formats
HEX#DFCFBE
RGB223,207,190
HSLhsl(31, 34%, 81%)
HWBhwb(31, 75%, 13%)
Print & Design
CMYKcmyk(0%, 7%, 15%, 13%)
HSVhsv(31, 15%, 87%)
Perceptual (Color Science)
LABlab(83.98, 2.76, 10.45)
LCHlch(83.98, 10.81, 75.2°)
XYZxyz(62.04, 64.03, 57.8)
OKLaboklab(0.863, 0.0104, 0.0273)
Accessibility (WCAG 2.1)
Aa
On White
1.52:1
Fail
Aa
On Black
13.81:1
AAA Pass
Aa
White on Color
1.52:1
Fail
Aa
Black on Color
13.81:1
AAA Pass
64.0%
Relative Luminance
0.6403
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
#BECEDF
Complementary
of Light Gray
#DEDFBE
Analogous
of Light Gray
#DFBFBE
Analogous
of Light Gray
#F7F2EE
Lighter Tint
of Light Gray
#F7F2EE
Lighter Tint
of Light Gray
#F7F2EE
Lighter Tint
of Light Gray
#C6A98B
Darker Shade
of Light Gray
#AD8358
Darker Shade
of Light Gray
#7B5D3D
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#7F7E7E
Gray
0.3% Gray
Web Formats
HEX#7F7E7E
RGB127,126,126
HSLhsl(0, 0%, 50%)
HWBhwb(0, 49%, 50%)
Print & Design
CMYKcmyk(0%, 1%, 1%, 50%)
HSVhsv(0, 1%, 50%)
Perceptual (Color Science)
LABlab(52.88, 0.38, 0.13)
LCHlch(52.88, 0.4, 19.5°)
XYZxyz(19.98, 20.94, 22.72)
OKLaboklab(0.594, 0.0012, 0.0004)
Accessibility (WCAG 2.1)
Aa
On White
4.05:1
Large Only
Aa
On Black
5.19:1
AA Pass
Aa
White on Color
4.05:1
Large Only
Aa
Black on Color
5.19:1
AA Pass
20.9%
Relative Luminance
0.2094
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
#808080
Complementary
of Gray
#808080
Analogous
of Gray
#808080
Analogous
of Gray
#A6A6A6
Lighter Tint
of Gray
#CCCCCC
Lighter Tint
of Gray
#F2F2F2
Lighter Tint
of Gray
#595959
Darker Shade
of Gray
#333333
Darker Shade
of Gray
#0D0D0D
Darker Shade
of Gray
Gray
Named Color
Discover the Hue