Jewelry Design Colors

Color Palette • View 2

Code ring — Jewelry

B0AFAC
Copy As
HEX#B0AFAC
RGBrgb(176,175,172)
HSLhsl(45, 2%, 68%)
CMYKcmyk(0%, 1%, 2%, 31%)
Download
SVG PNG
E3E2E0
Copy As
HEX#E3E2E0
RGBrgb(227,226,224)
HSLhsl(40, 5%, 88%)
CMYKcmyk(0%, 0%, 1%, 11%)
Download
SVG PNG
CECCC9
Copy As
HEX#CECCC9
RGBrgb(206,204,201)
HSLhsl(36, 5%, 80%)
CMYKcmyk(0%, 1%, 2%, 19%)
Download
SVG PNG
A09684
Copy As
HEX#A09684
RGBrgb(160,150,132)
HSLhsl(39, 13%, 57%)
CMYKcmyk(0%, 6%, 18%, 37%)
Download
SVG PNG
A09D99
Copy As
HEX#A09D99
RGBrgb(160,157,153)
HSLhsl(34, 4%, 61%)
CMYKcmyk(0%, 2%, 4%, 37%)
Download
SVG PNG
C3BEB8
Copy As
HEX#C3BEB8
RGBrgb(195,190,184)
HSLhsl(33, 8%, 74%)
CMYKcmyk(0%, 3%, 6%, 24%)
Download
SVG PNG
79633E
Copy As
HEX#79633E
RGBrgb(121,99,62)
HSLhsl(38, 32%, 36%)
CMYKcmyk(0%, 18%, 49%, 53%)
Download
SVG PNG
6E6A66
Copy As
HEX#6E6A66
RGBrgb(110,106,102)
HSLhsl(30, 4%, 42%)
CMYKcmyk(0%, 4%, 7%, 57%)
Download
SVG PNG
#B0AFAC
#E3E2E0
#CECCC9
#A09684
#A09D99
#C3BEB8
#79633E
#6E6A66
Code ring - View 2 View 2
Palette extracted from this image

This palette is from

Code ring

Jewelry

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#B0AFAC
Dark Gray
31.6% Gray
Web Formats
HEX#B0AFAC
RGB176,175,172
HSLhsl(45, 2%, 68%)
HWBhwb(45, 67%, 31%)
Print & Design
CMYKcmyk(0%, 1%, 2%, 31%)
HSVhsv(45, 2%, 69%)
Perceptual (Color Science)
LABlab(71.47, -0.2, 1.66)
LCHlch(71.47, 1.67, 97°)
XYZxyz(40.68, 42.87, 45.15)
OKLaboklab(0.7539, -0.0001, 0.0044)
Accessibility (WCAG 2.1)
Aa
On White
2.19:1
Fail
Aa
On Black
9.57:1
AAA Pass
Aa
White on Color
2.19:1
Fail
Aa
Black on Color
9.57:1
AAA Pass
42.9%
Relative Luminance
0.4287
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
#ACADAF
Complementary
of Dark Gray
#AEAFAC
Analogous
of Dark Gray
#AFADAC
Analogous
of Dark Gray
#D5D4D3
Lighter Tint
of Dark Gray
#F3F2F2
Lighter Tint
of Dark Gray
#F3F2F2
Lighter Tint
of Dark Gray
#8A8885
Darker Shade
of Dark Gray
#63625F
Darker Shade
of Dark Gray
#3C3B39
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#E3E2E0
Gainsboro
19.5% Gray
Web Formats
HEX#E3E2E0
RGB227,226,224
HSLhsl(40, 5%, 88%)
HWBhwb(40, 88%, 11%)
Print & Design
CMYKcmyk(0%, 0%, 1%, 11%)
HSVhsv(40, 1%, 89%)
Perceptual (Color Science)
LABlab(89.91, -0.02, 1.09)
LCHlch(89.91, 1.09, 91°)
XYZxyz(72.33, 76.11, 81.39)
OKLaboklab(0.913, 0.0003, 0.0029)
Accessibility (WCAG 2.1)
Aa
On White
1.29:1
Fail
Aa
On Black
16.22:1
AAA Pass
Aa
White on Color
1.29:1
Fail
Aa
Black on Color
16.22:1
AAA Pass
76.1%
Relative Luminance
0.7611
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
#DFE0E2
Complementary
of Gainsboro
#E1E2DF
Analogous
of Gainsboro
#E2DFDF
Analogous
of Gainsboro
#F3F2F2
Lighter Tint
of Gainsboro
#F3F2F2
Lighter Tint
of Gainsboro
#F3F2F2
Lighter Tint
of Gainsboro
#BEBBB7
Darker Shade
of Gainsboro
#99968F
Darker Shade
of Gainsboro
#736F68
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#CECCC9
Light Gray
16.4% Gray
Web Formats
HEX#CECCC9
RGB206,204,201
HSLhsl(36, 5%, 80%)
HWBhwb(36, 79%, 19%)
Print & Design
CMYKcmyk(0%, 1%, 2%, 19%)
HSVhsv(36, 2%, 81%)
Perceptual (Color Science)
LABlab(82.12, 0.15, 1.73)
LCHlch(82.12, 1.74, 85.1°)
XYZxyz(57.59, 60.52, 63.9)
OKLaboklab(0.8459, 0.001, 0.0046)
Accessibility (WCAG 2.1)
Aa
On White
1.60:1
Fail
Aa
On Black
13.10:1
AAA Pass
Aa
White on Color
1.60:1
Fail
Aa
Black on Color
13.10:1
AAA Pass
60.5%
Relative Luminance
0.6052
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
#C9CBCF
Complementary
of Light Gray
#CECFC9
Analogous
of Light Gray
#CFCAC9
Analogous
of Light Gray
#F3F2F2
Lighter Tint
of Light Gray
#F3F2F2
Lighter Tint
of Light Gray
#F3F2F2
Lighter Tint
of Light Gray
#AAA7A1
Darker Shade
of Light Gray
#868179
Darker Shade
of Light Gray
#5E5A55
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#A09684
Rosy Brown
7.6% Brown
Web Formats
HEX#A09684
RGB160,150,132
HSLhsl(39, 13%, 57%)
HWBhwb(39, 52%, 37%)
Print & Design
CMYKcmyk(0%, 6%, 18%, 37%)
HSVhsv(39, 18%, 63%)
Perceptual (Color Science)
LABlab(62.47, 0.57, 10.83)
LCHlch(62.47, 10.84, 87°)
XYZxyz(29.57, 30.95, 26.24)
OKLaboklab(0.6767, 0.0038, 0.028)
Accessibility (WCAG 2.1)
Aa
On White
2.92:1
Fail
Aa
On Black
7.19:1
AAA Pass
Aa
White on Color
2.92:1
Fail
Aa
Black on Color
7.19:1
AAA Pass
31.0%
Relative Luminance
0.3095
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
#838DA0
Complementary
of Rosy Brown
#9BA083
Analogous
of Rosy Brown
#A08783
Analogous
of Rosy Brown
#C1BAAE
Lighter Tint
of Rosy Brown
#E2DFDA
Lighter Tint
of Rosy Brown
#F4F3F1
Lighter Tint
of Rosy Brown
#796F5D
Darker Shade
of Rosy Brown
#4E483C
Darker Shade
of Rosy Brown
#23201B
Darker Shade
of Rosy Brown
Rosy Brown
Named Color
Discover the Hue
#A09D99
Dark Gray
8.0% Gray
Web Formats
HEX#A09D99
RGB160,157,153
HSLhsl(34, 4%, 61%)
HWBhwb(34, 60%, 37%)
Print & Design
CMYKcmyk(0%, 2%, 4%, 37%)
HSVhsv(34, 4%, 63%)
Perceptual (Color Science)
LABlab(64.87, 0.34, 2.47)
LCHlch(64.87, 2.5, 82.2°)
XYZxyz(32.3, 33.89, 34.97)
OKLaboklab(0.6973, 0.0017, 0.0065)
Accessibility (WCAG 2.1)
Aa
On White
2.70:1
Fail
Aa
On Black
7.78:1
AAA Pass
Aa
White on Color
2.70:1
Fail
Aa
Black on Color
7.78:1
AAA Pass
33.9%
Relative Luminance
0.3389
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
#989BA0
Complementary
of Dark Gray
#9FA098
Analogous
of Dark Gray
#A09898
Analogous
of Dark Gray
#C4C2BF
Lighter Tint
of Dark Gray
#E9E8E7
Lighter Tint
of Dark Gray
#F3F2F2
Lighter Tint
of Dark Gray
#7A7671
Darker Shade
of Dark Gray
#524F4C
Darker Shade
of Dark Gray
#2A2927
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#C3BEB8
Silver
6.6% Gray
Web Formats
HEX#C3BEB8
RGB195,190,184
HSLhsl(33, 8%, 74%)
HWBhwb(33, 72%, 24%)
Print & Design
CMYKcmyk(0%, 3%, 6%, 24%)
HSVhsv(33, 6%, 76%)
Perceptual (Color Science)
LABlab(77.22, 0.68, 3.64)
LCHlch(77.22, 3.71, 79.5°)
XYZxyz(49.57, 51.89, 52.74)
OKLaboklab(0.8038, 0.003, 0.0096)
Accessibility (WCAG 2.1)
Aa
On White
1.85:1
Fail
Aa
On Black
11.38:1
AAA Pass
Aa
White on Color
1.85:1
Fail
Aa
Black on Color
11.38:1
AAA Pass
51.9%
Relative Luminance
0.5189
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
#B7BCC2
Complementary
of Silver
#C1C2B7
Analogous
of Silver
#C2B8B7
Analogous
of Silver
#E5E3E1
Lighter Tint
of Silver
#F3F2F1
Lighter Tint
of Silver
#F3F2F1
Lighter Tint
of Silver
#9F978E
Darker Shade
of Silver
#797167
Darker Shade
of Silver
#504B44
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#79633E
Dark Olive Green
5.0% Green
Web Formats
HEX#79633E
RGB121,99,62
HSLhsl(38, 32%, 36%)
HWBhwb(38, 24%, 53%)
Print & Design
CMYKcmyk(0%, 18%, 49%, 53%)
HSVhsv(38, 49%, 47%)
Perceptual (Color Science)
LABlab(43.27, 3.58, 24.28)
LCHlch(43.27, 24.54, 81.6°)
XYZxyz(13.22, 13.34, 6.43)
OKLaboklab(0.5123, 0.0106, 0.059)
Accessibility (WCAG 2.1)
Aa
On White
5.73:1
AA Pass
Aa
On Black
3.67:1
Large Only
Aa
White on Color
5.73:1
AA Pass
Aa
Black on Color
3.67:1
Large Only
13.3%
Relative Luminance
0.1334
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
#3E5479
Complementary
of Dark Olive Green
#71793E
Analogous
of Dark Olive Green
#79463E
Analogous
of Dark Olive Green
#AA8D5A
Lighter Tint
of Dark Olive Green
#C4B08D
Lighter Tint
of Dark Olive Green
#DED3BF
Lighter Tint
of Dark Olive Green
#473A24
Darker Shade
of Dark Olive Green
#14110A
Darker Shade
of Dark Olive Green
#110E09
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#6E6A66
Dim Gray
5.3% Gray
Web Formats
HEX#6E6A66
RGB110,106,102
HSLhsl(30, 4%, 42%)
HWBhwb(30, 40%, 57%)
Print & Design
CMYKcmyk(0%, 4%, 7%, 57%)
HSVhsv(30, 7%, 43%)
Perceptual (Color Science)
LABlab(45.06, 0.77, 2.8)
LCHlch(45.06, 2.9, 74.6°)
XYZxyz(13.98, 14.58, 14.65)
OKLaboklab(0.5267, 0.003, 0.0074)
Accessibility (WCAG 2.1)
Aa
On White
5.36:1
AA Pass
Aa
On Black
3.92:1
Large Only
Aa
White on Color
5.36:1
AA Pass
Aa
Black on Color
3.92:1
Large Only
14.6%
Relative Luminance
0.1458
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
#676B6F
Complementary
of Dim Gray
#6F6F67
Analogous
of Dim Gray
#6F6767
Analogous
of Dim Gray
#96918D
Lighter Tint
of Dim Gray
#BAB8B5
Lighter Tint
of Dim Gray
#DFDEDD
Lighter Tint
of Dim Gray
#484542
Darker Shade
of Dim Gray
#201F1D
Darker Shade
of Dim Gray
#0D0D0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue