Jewelry Design Colors

Color Palette • View 4

Front — Bracelet

4E4238
Copy As
HEX#4E4238
RGBrgb(78,66,56)
HSLhsl(27, 16%, 26%)
CMYKcmyk(0%, 15%, 28%, 69%)
Download
SVG PNG
413125
Copy As
HEX#413125
RGBrgb(65,49,37)
HSLhsl(26, 27%, 20%)
CMYKcmyk(0%, 25%, 43%, 75%)
Download
SVG PNG
1A1613
Copy As
HEX#1A1613
RGBrgb(26,22,19)
HSLhsl(26, 16%, 9%)
CMYKcmyk(0%, 15%, 27%, 90%)
Download
SVG PNG
878177
Copy As
HEX#878177
RGBrgb(135,129,119)
HSLhsl(38, 6%, 50%)
CMYKcmyk(0%, 4%, 12%, 47%)
Download
SVG PNG
685B50
Copy As
HEX#685B50
RGBrgb(104,91,80)
HSLhsl(28, 13%, 36%)
CMYKcmyk(0%, 13%, 23%, 59%)
Download
SVG PNG
7A6E63
Copy As
HEX#7A6E63
RGBrgb(122,110,99)
HSLhsl(29, 10%, 43%)
CMYKcmyk(0%, 10%, 19%, 52%)
Download
SVG PNG
5F4F42
Copy As
HEX#5F4F42
RGBrgb(95,79,66)
HSLhsl(27, 18%, 32%)
CMYKcmyk(0%, 17%, 31%, 63%)
Download
SVG PNG
B8987C
Copy As
HEX#B8987C
RGBrgb(184,152,124)
HSLhsl(28, 30%, 60%)
CMYKcmyk(0%, 17%, 33%, 28%)
Download
SVG PNG
#4E4238
#413125
#1A1613
#878177
#685B50
#7A6E63
#5F4F42
#B8987C
Front - View 4 View 4
Palette extracted from this image

This palette is from

Front

Bracelet

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#4E4238
Dark Slate Gray
38.2% Gray
Web Formats
HEX#4E4238
RGB78,66,56
HSLhsl(27, 16%, 26%)
HWBhwb(27, 22%, 69%)
Print & Design
CMYKcmyk(0%, 15%, 28%, 69%)
HSVhsv(27, 28%, 31%)
Perceptual (Color Science)
LABlab(28.91, 3.33, 8)
LCHlch(28.91, 8.66, 67.4°)
XYZxyz(5.8, 5.8, 4.55)
OKLaboklab(0.3884, 0.011, 0.0206)
Accessibility (WCAG 2.1)
Aa
On White
9.72:1
AAA Pass
Aa
On Black
2.16:1
Fail
Aa
White on Color
9.72:1
AAA Pass
Aa
Black on Color
2.16:1
Fail
5.8%
Relative Luminance
0.0580
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
#38434D
Complementary
of Dark Slate Gray
#4D4C38
Analogous
of Dark Slate Gray
#4D3839
Analogous
of Dark Slate Gray
#796758
Lighter Tint
of Dark Slate Gray
#A18D7D
Lighter Tint
of Dark Slate Gray
#C1B4A9
Lighter Tint
of Dark Slate Gray
#211C18
Darker Shade
of Dark Slate Gray
#0F0D0B
Darker Shade
of Dark Slate Gray
#0F0D0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#413125
Dark Slate Gray
24.1% Gray
Web Formats
HEX#413125
RGB65,49,37
HSLhsl(26, 27%, 20%)
HWBhwb(26, 15%, 75%)
Print & Design
CMYKcmyk(0%, 25%, 43%, 75%)
HSVhsv(26, 43%, 25%)
Perceptual (Color Science)
LABlab(21.78, 5.27, 10.44)
LCHlch(21.78, 11.7, 63.2°)
XYZxyz(3.61, 3.45, 2.23)
OKLaboklab(0.3277, 0.0162, 0.0262)
Accessibility (WCAG 2.1)
Aa
On White
12.42:1
AAA Pass
Aa
On Black
1.69:1
Fail
Aa
White on Color
12.42:1
AAA Pass
Aa
Black on Color
1.69:1
Fail
3.5%
Relative Luminance
0.0345
Very 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
#253541
Complementary
of Dark Slate Gray
#413F25
Analogous
of Dark Slate Gray
#412527
Analogous
of Dark Slate Gray
#715641
Lighter Tint
of Dark Slate Gray
#A27B5D
Lighter Tint
of Dark Slate Gray
#BEA38E
Lighter Tint
of Dark Slate Gray
#100C09
Darker Shade
of Dark Slate Gray
#100C09
Darker Shade
of Dark Slate Gray
#100C09
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#1A1613
Black
9.5% Black
Web Formats
HEX#1A1613
RGB26,22,19
HSLhsl(26, 16%, 9%)
HWBhwb(26, 7%, 90%)
Print & Design
CMYKcmyk(0%, 15%, 27%, 90%)
HSVhsv(26, 27%, 10%)
Perceptual (Color Science)
LABlab(7.59, 1.29, 2.58)
LCHlch(7.59, 2.89, 63.4°)
XYZxyz(0.83, 0.84, 0.73)
OKLaboklab(0.2038, 0.0045, 0.0075)
Accessibility (WCAG 2.1)
Aa
On White
17.98:1
AAA Pass
Aa
On Black
1.17:1
Fail
Aa
White on Color
17.98:1
AAA Pass
Aa
Black on Color
1.17:1
Fail
0.8%
Relative Luminance
0.0084
Very 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
#13171B
Complementary
of Black
#1B1A13
Analogous
of Black
#1B1314
Analogous
of Black
#473C33
Lighter Tint
of Black
#736154
Lighter Tint
of Black
#9C8777
Lighter Tint
of Black
#0F0C0B
Darker Shade
of Black
#0F0C0B
Darker Shade
of Black
#0F0C0B
Darker Shade
of Black
Black
Named Color
Discover the Hue
#878177
Gray
9.1% Gray
Web Formats
HEX#878177
RGB135,129,119
HSLhsl(38, 6%, 50%)
HWBhwb(38, 47%, 47%)
Print & Design
CMYKcmyk(0%, 4%, 12%, 47%)
HSVhsv(38, 12%, 53%)
Perceptual (Color Science)
LABlab(54.22, 0.41, 6.23)
LCHlch(54.22, 6.24, 86.2°)
XYZxyz(21.17, 22.18, 20.62)
OKLaboklab(0.6055, 0.0027, 0.0163)
Accessibility (WCAG 2.1)
Aa
On White
3.86:1
Large Only
Aa
On Black
5.44:1
AA Pass
Aa
White on Color
3.86:1
Large Only
Aa
Black on Color
5.44:1
AA Pass
22.2%
Relative Luminance
0.2218
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
#787D87
Complementary
of Gray
#858778
Analogous
of Gray
#877A78
Analogous
of Gray
#ABA7A0
Lighter Tint
of Gray
#CFCDC9
Lighter Tint
of Gray
#F3F2F1
Lighter Tint
of Gray
#5F5B54
Darker Shade
of Gray
#363430
Darker Shade
of Gray
#0E0D0C
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#685B50
Dim Gray
8.1% Gray
Web Formats
HEX#685B50
RGB104,91,80
HSLhsl(28, 13%, 36%)
HWBhwb(28, 31%, 59%)
Print & Design
CMYKcmyk(0%, 13%, 23%, 59%)
HSVhsv(28, 23%, 41%)
Perceptual (Color Science)
LABlab(39.59, 3.3, 8.28)
LCHlch(39.59, 8.91, 68.3°)
XYZxyz(10.9, 11, 9.14)
OKLaboklab(0.4805, 0.0112, 0.0214)
Accessibility (WCAG 2.1)
Aa
On White
6.56:1
AA Pass
Aa
On Black
3.20:1
Large Only
Aa
White on Color
6.56:1
AA Pass
Aa
Black on Color
3.20:1
Large Only
11.0%
Relative Luminance
0.1100
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
#505D68
Complementary
of Dim Gray
#686750
Analogous
of Dim Gray
#685051
Analogous
of Dim Gray
#928172
Lighter Tint
of Dim Gray
#B4A89D
Lighter Tint
of Dim Gray
#D5CEC8
Lighter Tint
of Dim Gray
#3D352F
Darker Shade
of Dim Gray
#110F0D
Darker Shade
of Dim Gray
#0E0D0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#7A6E63
Dim Gray
5.3% Gray
Web Formats
HEX#7A6E63
RGB122,110,99
HSLhsl(29, 10%, 43%)
HWBhwb(29, 39%, 52%)
Print & Design
CMYKcmyk(0%, 10%, 19%, 52%)
HSVhsv(29, 19%, 48%)
Perceptual (Color Science)
LABlab(47.22, 2.72, 7.84)
LCHlch(47.22, 8.3, 70.9°)
XYZxyz(15.85, 16.19, 14.09)
OKLaboklab(0.5461, 0.0096, 0.0204)
Accessibility (WCAG 2.1)
Aa
On White
4.96:1
AA Pass
Aa
On Black
4.24:1
Large Only
Aa
White on Color
4.96:1
AA Pass
Aa
Black on Color
4.24:1
Large Only
16.2%
Relative Luminance
0.1619
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
#636E79
Complementary
of Dim Gray
#797863
Analogous
of Dim Gray
#796363
Analogous
of Dim Gray
#9F9489
Lighter Tint
of Dim Gray
#C1BAB3
Lighter Tint
of Dim Gray
#E3E0DD
Lighter Tint
of Dim Gray
#4F4740
Darker Shade
of Dim Gray
#24211E
Darker Shade
of Dim Gray
#0E0D0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#5F4F42
Dark Olive Green
3.0% Green
Web Formats
HEX#5F4F42
RGB95,79,66
HSLhsl(27, 18%, 32%)
HWBhwb(27, 26%, 63%)
Print & Design
CMYKcmyk(0%, 17%, 31%, 63%)
HSVhsv(27, 31%, 37%)
Perceptual (Color Science)
LABlab(34.84, 4.45, 10.17)
LCHlch(34.84, 11.1, 66.4°)
XYZxyz(8.5, 8.42, 6.33)
OKLaboklab(0.44, 0.0144, 0.026)
Accessibility (WCAG 2.1)
Aa
On White
7.83:1
AAA Pass
Aa
On Black
2.68:1
Fail
Aa
White on Color
7.83:1
AAA Pass
Aa
Black on Color
2.68:1
Fail
8.4%
Relative Luminance
0.0842
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
#435360
Complementary
of Dark Olive Green
#605F43
Analogous
of Dark Olive Green
#604344
Analogous
of Dark Olive Green
#8D7662
Lighter Tint
of Dark Olive Green
#B09C8D
Lighter Tint
of Dark Olive Green
#CFC3BA
Lighter Tint
of Dark Olive Green
#332B24
Darker Shade
of Dark Olive Green
#0F0D0A
Darker Shade
of Dark Olive Green
#0F0D0A
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#B8987C
Rosy Brown
2.7% Brown
Web Formats
HEX#B8987C
RGB184,152,124
HSLhsl(28, 30%, 60%)
HWBhwb(28, 49%, 28%)
Print & Design
CMYKcmyk(0%, 17%, 33%, 28%)
HSVhsv(28, 33%, 72%)
Perceptual (Color Science)
LABlab(65.04, 7.8, 19.22)
LCHlch(65.04, 20.74, 67.9°)
XYZxyz(34.63, 34.1, 23.82)
OKLaboklab(0.7016, 0.0249, 0.0488)
Accessibility (WCAG 2.1)
Aa
On White
2.69:1
Fail
Aa
On Black
7.82:1
AAA Pass
Aa
White on Color
2.69:1
Fail
Aa
Black on Color
7.82:1
AAA Pass
34.1%
Relative Luminance
0.3410
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
#7A9BB8
Complementary
of Rosy Brown
#B8B67A
Analogous
of Rosy Brown
#B87A7C
Analogous
of Rosy Brown
#D2BEAC
Lighter Tint
of Rosy Brown
#EDE5DE
Lighter Tint
of Rosy Brown
#F6F2EE
Lighter Tint
of Rosy Brown
#957050
Darker Shade
of Rosy Brown
#634B36
Darker Shade
of Rosy Brown
#32251B
Darker Shade
of Rosy Brown
Rosy Brown
Named Color
Discover the Hue