Jewelry Design Colors

Color Palette • View 4

Ecojew — Jewelry

696450
Copy As
HEX#696450
RGBrgb(105,100,80)
HSLhsl(48, 14%, 36%)
CMYKcmyk(0%, 5%, 24%, 59%)
Download
SVG PNG
45453A
Copy As
HEX#45453A
RGBrgb(69,69,58)
HSLhsl(60, 9%, 25%)
CMYKcmyk(0%, 0%, 16%, 73%)
Download
SVG PNG
2A2C28
Copy As
HEX#2A2C28
RGBrgb(42,44,40)
HSLhsl(90, 5%, 16%)
CMYKcmyk(5%, 0%, 9%, 83%)
Download
SVG PNG
857C65
Copy As
HEX#857C65
RGBrgb(133,124,101)
HSLhsl(43, 14%, 46%)
CMYKcmyk(0%, 7%, 24%, 48%)
Download
SVG PNG
79725F
Copy As
HEX#79725F
RGBrgb(121,114,95)
HSLhsl(44, 12%, 42%)
CMYKcmyk(0%, 6%, 21%, 53%)
Download
SVG PNG
585444
Copy As
HEX#585444
RGBrgb(88,84,68)
HSLhsl(48, 13%, 31%)
CMYKcmyk(0%, 5%, 23%, 65%)
Download
SVG PNG
171A18
Copy As
HEX#171A18
RGBrgb(23,26,24)
HSLhsl(140, 6%, 10%)
CMYKcmyk(12%, 0%, 8%, 90%)
Download
SVG PNG
E1DDD3
Copy As
HEX#E1DDD3
RGBrgb(225,221,211)
HSLhsl(43, 19%, 85%)
CMYKcmyk(0%, 2%, 6%, 12%)
Download
SVG PNG
#696450
#45453A
#2A2C28
#857C65
#79725F
#585444
#171A18
#E1DDD3
Ecojew - View 4 View 4
Palette extracted from this image

This palette is from

Ecojew

Jewelry

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#696450
Dim Gray
26.3% Gray
Web Formats
HEX#696450
RGB105,100,80
HSLhsl(48, 14%, 36%)
HWBhwb(48, 31%, 59%)
Print & Design
CMYKcmyk(0%, 5%, 24%, 59%)
HSVhsv(48, 24%, 41%)
Perceptual (Color Science)
LABlab(42.3, -1.66, 12.08)
LCHlch(42.3, 12.19, 97.8°)
XYZxyz(11.83, 12.7, 9.42)
OKLaboklab(0.502, -0.003, 0.0309)
Accessibility (WCAG 2.1)
Aa
On White
5.93:1
AA Pass
Aa
On Black
3.54:1
Large Only
Aa
White on Color
5.93:1
AA Pass
Aa
Black on Color
3.54:1
Large Only
12.7%
Relative Luminance
0.1270
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
#4F5469
Complementary
of Dim Gray
#61694F
Analogous
of Dim Gray
#69574F
Analogous
of Dim Gray
#948D71
Lighter Tint
of Dim Gray
#B4B09C
Lighter Tint
of Dim Gray
#D5D3C8
Lighter Tint
of Dim Gray
#3D3A2E
Darker Shade
of Dim Gray
#11110D
Darker Shade
of Dim Gray
#0F0E0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#45453A
Dark Slate Gray
17.0% Gray
Web Formats
HEX#45453A
RGB69,69,58
HSLhsl(60, 9%, 25%)
HWBhwb(60, 23%, 73%)
Print & Design
CMYKcmyk(0%, 0%, 16%, 73%)
HSVhsv(60, 16%, 27%)
Perceptual (Color Science)
LABlab(28.97, -2.27, 6.66)
LCHlch(28.97, 7.04, 108.8°)
XYZxyz(5.35, 5.83, 4.85)
OKLaboklab(0.3869, -0.0053, 0.0172)
Accessibility (WCAG 2.1)
Aa
On White
9.70:1
AAA Pass
Aa
On Black
2.17:1
Fail
Aa
White on Color
9.70:1
AAA Pass
Aa
Black on Color
2.17:1
Fail
5.8%
Relative Luminance
0.0583
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
#3A3A45
Complementary
of Dark Slate Gray
#40453A
Analogous
of Dark Slate Gray
#45403A
Analogous
of Dark Slate Gray
#6F6F5D
Lighter Tint
of Dark Slate Gray
#979782
Lighter Tint
of Dark Slate Gray
#B9B9AC
Lighter Tint
of Dark Slate Gray
#1C1C17
Darker Shade
of Dark Slate Gray
#0E0E0C
Darker Shade
of Dark Slate Gray
#0E0E0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#2A2C28
Dark Slate Gray
16.1% Gray
Web Formats
HEX#2A2C28
RGB42,44,40
HSLhsl(90, 5%, 16%)
HWBhwb(90, 16%, 83%)
Print & Design
CMYKcmyk(5%, 0%, 9%, 83%)
HSVhsv(90, 9%, 17%)
Perceptual (Color Science)
LABlab(17.68, -1.84, 2.29)
LCHlch(17.68, 2.93, 128.7°)
XYZxyz(2.24, 2.45, 2.36)
OKLaboklab(0.2896, -0.0048, 0.006)
Accessibility (WCAG 2.1)
Aa
On White
14.10:1
AAA Pass
Aa
On Black
1.49:1
Fail
Aa
White on Color
14.10:1
AAA Pass
Aa
Black on Color
1.49:1
Fail
2.5%
Relative Luminance
0.0245
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
#29272B
Complementary
of Dark Slate Gray
#272B27
Analogous
of Dark Slate Gray
#2B2B27
Analogous
of Dark Slate Gray
#4F534B
Lighter Tint
of Dark Slate Gray
#757B6F
Lighter Tint
of Dark Slate Gray
#9CA197
Lighter Tint
of Dark Slate Gray
#0D0D0C
Darker Shade
of Dark Slate Gray
#0D0D0C
Darker Shade
of Dark Slate Gray
#0D0D0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#857C65
Gray
13.6% Gray
Web Formats
HEX#857C65
RGB133,124,101
HSLhsl(43, 14%, 46%)
HWBhwb(43, 40%, 48%)
Print & Design
CMYKcmyk(0%, 7%, 24%, 48%)
HSVhsv(43, 24%, 52%)
Perceptual (Color Science)
LABlab(52.22, -0.53, 13.82)
LCHlch(52.22, 13.83, 92.2°)
XYZxyz(19.23, 20.34, 15.22)
OKLaboklab(0.588, 0.0005, 0.0353)
Accessibility (WCAG 2.1)
Aa
On White
4.14:1
Large Only
Aa
On Black
5.07:1
AA Pass
Aa
White on Color
4.14:1
Large Only
Aa
Black on Color
5.07:1
AA Pass
20.3%
Relative Luminance
0.2034
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
#656E86
Complementary
of Gray
#7F8665
Analogous
of Gray
#866C65
Analogous
of Gray
#A9A28E
Lighter Tint
of Gray
#CAC6B9
Lighter Tint
of Gray
#EBE9E5
Lighter Tint
of Gray
#5A5444
Darker Shade
of Gray
#2F2B23
Darker Shade
of Gray
#0F0E0B
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#79725F
Dim Gray
7.6% Gray
Web Formats
HEX#79725F
RGB121,114,95
HSLhsl(44, 12%, 42%)
HWBhwb(44, 37%, 53%)
Print & Design
CMYKcmyk(0%, 6%, 21%, 53%)
HSVhsv(44, 21%, 47%)
Perceptual (Color Science)
LABlab(48.17, -0.69, 11.52)
LCHlch(48.17, 11.54, 93.4°)
XYZxyz(15.97, 16.93, 13.25)
OKLaboklab(0.5529, -0.0001, 0.0296)
Accessibility (WCAG 2.1)
Aa
On White
4.79:1
AA Pass
Aa
On Black
4.39:1
Large Only
Aa
White on Color
4.79:1
AA Pass
Aa
Black on Color
4.39:1
Large Only
16.9%
Relative Luminance
0.1693
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
#5E6578
Complementary
of Dim Gray
#72785E
Analogous
of Dim Gray
#78645E
Analogous
of Dim Gray
#9F9784
Lighter Tint
of Dim Gray
#C0BCAF
Lighter Tint
of Dim Gray
#E2E0DA
Lighter Tint
of Dim Gray
#4D493D
Darker Shade
of Dim Gray
#22201B
Darker Shade
of Dim Gray
#0E0D0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#585444
Dark Olive Green
6.6% Green
Web Formats
HEX#585444
RGB88,84,68
HSLhsl(48, 13%, 31%)
HWBhwb(48, 27%, 65%)
Print & Design
CMYKcmyk(0%, 5%, 23%, 65%)
HSVhsv(48, 23%, 35%)
Perceptual (Color Science)
LABlab(35.66, -1.4, 9.96)
LCHlch(35.66, 10.06, 98°)
XYZxyz(8.24, 8.83, 6.74)
OKLaboklab(0.4449, -0.0025, 0.0255)
Accessibility (WCAG 2.1)
Aa
On White
7.59:1
AAA Pass
Aa
On Black
2.77:1
Fail
Aa
White on Color
7.59:1
AAA Pass
Aa
Black on Color
2.77:1
Fail
8.8%
Relative Luminance
0.0883
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
#454959
Complementary
of Dark Olive Green
#535945
Analogous
of Dark Olive Green
#594B45
Analogous
of Dark Olive Green
#857E66
Lighter Tint
of Dark Olive Green
#A8A38F
Lighter Tint
of Dark Olive Green
#CAC7BA
Lighter Tint
of Dark Olive Green
#2E2C23
Darker Shade
of Dark Olive Green
#0E0E0B
Darker Shade
of Dark Olive Green
#0E0E0B
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#171A18
Black
6.6% Black
Web Formats
HEX#171A18
RGB23,26,24
HSLhsl(140, 6%, 10%)
HWBhwb(140, 9%, 90%)
Print & Design
CMYKcmyk(12%, 0%, 8%, 90%)
HSVhsv(140, 12%, 10%)
Perceptual (Color Science)
LABlab(8.88, -1.96, 0.91)
LCHlch(8.88, 2.16, 155.1°)
XYZxyz(0.89, 0.99, 1.01)
OKLaboklab(0.2138, -0.0055, 0.0024)
Accessibility (WCAG 2.1)
Aa
On White
17.54:1
AAA Pass
Aa
On Black
1.20:1
Fail
Aa
White on Color
17.54:1
AAA Pass
Aa
Black on Color
1.20:1
Fail
1.0%
Relative Luminance
0.0099
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
#1B181A
Complementary
of Black
#181B1B
Analogous
of Black
#181B18
Analogous
of Black
#3C443E
Lighter Tint
of Black
#606C64
Lighter Tint
of Black
#85938A
Lighter Tint
of Black
#0C0E0C
Darker Shade
of Black
#0C0E0C
Darker Shade
of Black
#0C0E0C
Darker Shade
of Black
Black
Named Color
Discover the Hue
#E1DDD3
Gainsboro
6.3% Gray
Web Formats
HEX#E1DDD3
RGB225,221,211
HSLhsl(43, 19%, 85%)
HWBhwb(43, 83%, 12%)
Print & Design
CMYKcmyk(0%, 2%, 6%, 12%)
HSVhsv(43, 6%, 88%)
Perceptual (Color Science)
LABlab(88.17, -0.38, 5.38)
LCHlch(88.17, 5.4, 94°)
XYZxyz(68.66, 72.42, 71.98)
OKLaboklab(0.8979, 0.0003, 0.0142)
Accessibility (WCAG 2.1)
Aa
On White
1.36:1
Fail
Aa
On Black
15.48:1
AAA Pass
Aa
White on Color
1.36:1
Fail
Aa
Black on Color
15.48:1
AAA Pass
72.4%
Relative Luminance
0.7242
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
#D1D6E0
Complementary
of Gainsboro
#DDE0D1
Analogous
of Gainsboro
#E0D5D1
Analogous
of Gainsboro
#F5F3F0
Lighter Tint
of Gainsboro
#F5F3F0
Lighter Tint
of Gainsboro
#F5F3F0
Lighter Tint
of Gainsboro
#C1B9A4
Darker Shade
of Gainsboro
#A29676
Darker Shade
of Gainsboro
#796E53
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue