Jewelry Design Colors

Color Palette • View 4

The Ray — Brooch

6C6C6B
Copy As
HEX#6C6C6B
RGBrgb(108,108,107)
HSLhsl(60, 0%, 42%)
CMYKcmyk(0%, 0%, 1%, 58%)
Download
SVG PNG
7F7F7F
Copy As
HEX#7F7F7F
RGBrgb(127,127,127)
HSLhsl(0, 0%, 50%)
CMYKcmyk(0%, 0%, 0%, 50%)
Download
SVG PNG
474746
Copy As
HEX#474746
RGBrgb(71,71,70)
HSLhsl(60, 1%, 28%)
CMYKcmyk(0%, 0%, 1%, 72%)
Download
SVG PNG
5A5958
Copy As
HEX#5A5958
RGBrgb(90,89,88)
HSLhsl(30, 1%, 35%)
CMYKcmyk(0%, 1%, 2%, 65%)
Download
SVG PNG
8B743C
Copy As
HEX#8B743C
RGBrgb(139,116,60)
HSLhsl(43, 40%, 39%)
CMYKcmyk(0%, 17%, 57%, 45%)
Download
SVG PNG
929292
Copy As
HEX#929292
RGBrgb(146,146,146)
HSLhsl(0, 0%, 57%)
CMYKcmyk(0%, 0%, 0%, 43%)
Download
SVG PNG
77643C
Copy As
HEX#77643C
RGBrgb(119,100,60)
HSLhsl(41, 33%, 35%)
CMYKcmyk(0%, 16%, 50%, 53%)
Download
SVG PNG
D6BA73
Copy As
HEX#D6BA73
RGBrgb(214,186,115)
HSLhsl(43, 55%, 65%)
CMYKcmyk(0%, 13%, 46%, 16%)
Download
SVG PNG
#6C6C6B
#7F7F7F
#474746
#5A5958
#8B743C
#929292
#77643C
#D6BA73
The Ray - View 4 View 4
Palette extracted from this image

This palette is from

The Ray

Brooch

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#6C6C6B
Dim Gray
21.3% Gray
Web Formats
HEX#6C6C6B
RGB108,108,107
HSLhsl(60, 0%, 42%)
HWBhwb(60, 42%, 58%)
Print & Design
CMYKcmyk(0%, 0%, 1%, 58%)
HSVhsv(60, 1%, 42%)
Perceptual (Color Science)
LABlab(45.6, -0.2, 0.56)
LCHlch(45.6, 0.59, 110.1°)
XYZxyz(14.2, 14.97, 16.05)
OKLaboklab(0.531, -0.0004, 0.0015)
Accessibility (WCAG 2.1)
Aa
On White
5.26:1
AA Pass
Aa
On Black
3.99:1
Large Only
Aa
White on Color
5.26:1
AA Pass
Aa
Black on Color
3.99:1
Large Only
15.0%
Relative Luminance
0.1497
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
#6B6B6B
Complementary
of Dim Gray
#6B6B6B
Analogous
of Dim Gray
#6B6B6B
Analogous
of Dim Gray
#919191
Lighter Tint
of Dim Gray
#B8B8B8
Lighter Tint
of Dim Gray
#DEDEDE
Lighter Tint
of Dim Gray
#454545
Darker Shade
of Dim Gray
#1F1F1F
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#7F7F7F
Gray
20.9% Gray
Web Formats
HEX#7F7F7F
RGB127,127,127
HSLhsl(0, 0%, 50%)
HWBhwb(0, 50%, 50%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 50%)
HSVhsv(0, 0%, 50%)
Perceptual (Color Science)
LABlab(53.19, -0, 0)
LCHlch(53.19, 0, 158.2°)
XYZxyz(20.17, 21.22, 23.11)
OKLaboklab(0.5965, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
4.00:1
Large Only
Aa
On Black
5.24:1
AA Pass
Aa
White on Color
4.00:1
Large Only
Aa
Black on Color
5.24:1
AA Pass
21.2%
Relative Luminance
0.2122
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
#474746
Dark Slate Gray
15.9% Gray
Web Formats
HEX#474746
RGB71,71,70
HSLhsl(60, 1%, 28%)
HWBhwb(60, 27%, 72%)
Print & Design
CMYKcmyk(0%, 0%, 1%, 72%)
HSVhsv(60, 1%, 28%)
Perceptual (Color Science)
LABlab(30.13, -0.22, 0.6)
LCHlch(30.13, 0.64, 110.1°)
XYZxyz(5.96, 6.29, 6.69)
OKLaboklab(0.3976, -0.0005, 0.0016)
Accessibility (WCAG 2.1)
Aa
On White
9.30:1
AAA Pass
Aa
On Black
2.26:1
Fail
Aa
White on Color
9.30:1
AAA Pass
Aa
Black on Color
2.26:1
Fail
6.3%
Relative Luminance
0.0629
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
#474748
Complementary
of Dark Slate Gray
#474847
Analogous
of Dark Slate Gray
#484747
Analogous
of Dark Slate Gray
#6F6F6D
Lighter Tint
of Dark Slate Gray
#959593
Lighter Tint
of Dark Slate Gray
#BBBBB9
Lighter Tint
of Dark Slate Gray
#212121
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#5A5958
Dim Gray
10.7% Gray
Web Formats
HEX#5A5958
RGB90,89,88
HSLhsl(30, 1%, 35%)
HWBhwb(30, 35%, 65%)
Print & Design
CMYKcmyk(0%, 1%, 2%, 65%)
HSVhsv(30, 2%, 35%)
Perceptual (Color Science)
LABlab(37.88, 0.19, 0.72)
LCHlch(37.88, 0.74, 75.2°)
XYZxyz(9.55, 10.02, 10.66)
OKLaboklab(0.4646, 0.0008, 0.0019)
Accessibility (WCAG 2.1)
Aa
On White
6.99:1
AA Pass
Aa
On Black
3.00:1
Large Only
Aa
White on Color
6.99:1
AA Pass
Aa
Black on Color
3.00:1
Large Only
10.0%
Relative Luminance
0.1002
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
#58595A
Complementary
of Dim Gray
#5A5A58
Analogous
of Dim Gray
#5A5858
Analogous
of Dim Gray
#81807E
Lighter Tint
of Dim Gray
#A7A6A5
Lighter Tint
of Dim Gray
#CDCCCB
Lighter Tint
of Dim Gray
#343332
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#8B743C
Sienna
9.4% Brown
Web Formats
HEX#8B743C
RGB139,116,60
HSLhsl(43, 40%, 39%)
HWBhwb(43, 24%, 45%)
Print & Design
CMYKcmyk(0%, 17%, 57%, 45%)
HSVhsv(43, 57%, 55%)
Perceptual (Color Science)
LABlab(49.87, 1.67, 33.92)
LCHlch(49.87, 33.96, 87.2°)
XYZxyz(17.71, 18.31, 6.87)
OKLaboklab(0.5685, 0.0036, 0.08)
Accessibility (WCAG 2.1)
Aa
On White
4.51:1
AA Pass
Aa
On Black
4.66:1
AA Pass
Aa
White on Color
4.51:1
AA Pass
Aa
Black on Color
4.66:1
AA Pass
18.3%
Relative Luminance
0.1831
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
#3C528B
Complementary
of Sienna
#7A8B3C
Analogous
of Sienna
#8B4D3C
Analogous
of Sienna
#B99E5B
Lighter Tint
of Sienna
#D0BE90
Lighter Tint
of Sienna
#E7DDC6
Lighter Tint
of Sienna
#564825
Darker Shade
of Sienna
#201B0E
Darker Shade
of Sienna
#120F08
Darker Shade
of Sienna
Sienna
Named Color
Discover the Hue
#929292
Light Slate Gray
7.9% Gray
Web Formats
HEX#929292
RGB146,146,146
HSLhsl(0, 0%, 57%)
HWBhwb(0, 57%, 43%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 43%)
HSVhsv(0, 0%, 57%)
Perceptual (Color Science)
LABlab(60.56, -0, 0)
LCHlch(60.56, 0, 158.2°)
XYZxyz(27.32, 28.74, 31.3)
OKLaboklab(0.66, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
3.11:1
Large Only
Aa
On Black
6.75:1
AA Pass
Aa
White on Color
3.11:1
Large Only
Aa
Black on Color
6.75:1
AA Pass
28.7%
Relative Luminance
0.2874
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
#919191
Complementary
of Light Slate Gray
#919191
Analogous
of Light Slate Gray
#919191
Analogous
of Light Slate Gray
#B8B8B8
Lighter Tint
of Light Slate Gray
#DEDEDE
Lighter Tint
of Light Slate Gray
#F2F2F2
Lighter Tint
of Light Slate Gray
#6B6B6B
Darker Shade
of Light Slate Gray
#454545
Darker Shade
of Light Slate Gray
#1F1F1F
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#77643C
Dark Olive Green
7.2% Green
Web Formats
HEX#77643C
RGB119,100,60
HSLhsl(41, 33%, 35%)
HWBhwb(41, 24%, 53%)
Print & Design
CMYKcmyk(0%, 16%, 50%, 53%)
HSVhsv(41, 50%, 47%)
Perceptual (Color Science)
LABlab(43.31, 1.86, 25.43)
LCHlch(43.31, 25.5, 85.8°)
XYZxyz(12.98, 13.36, 6.17)
OKLaboklab(0.512, 0.0055, 0.0615)
Accessibility (WCAG 2.1)
Aa
On White
5.72:1
AA Pass
Aa
On Black
3.67:1
Large Only
Aa
White on Color
5.72:1
AA Pass
Aa
Black on Color
3.67:1
Large Only
13.4%
Relative Luminance
0.1336
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
#3C4E77
Complementary
of Dark Olive Green
#6C773C
Analogous
of Dark Olive Green
#77473C
Analogous
of Dark Olive Green
#AA8F55
Lighter Tint
of Dark Olive Green
#C3B188
Lighter Tint
of Dark Olive Green
#DDD2BB
Lighter Tint
of Dark Olive Green
#443922
Darker Shade
of Dark Olive Green
#110E09
Darker Shade
of Dark Olive Green
#110E09
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#D6BA73
Burly Wood
6.8% Brown
Web Formats
HEX#D6BA73
RGB214,186,115
HSLhsl(43, 55%, 65%)
HWBhwb(43, 45%, 16%)
Print & Design
CMYKcmyk(0%, 13%, 46%, 16%)
HSVhsv(43, 46%, 84%)
Perceptual (Color Science)
LABlab(76.47, 0.67, 39.55)
LCHlch(76.47, 39.56, 89°)
XYZxyz(48.39, 50.65, 23.44)
OKLaboklab(0.7975, 0.0022, 0.0957)
Accessibility (WCAG 2.1)
Aa
On White
1.89:1
Fail
Aa
On Black
11.13:1
AAA Pass
Aa
White on Color
1.89:1
Fail
Aa
Black on Color
11.13:1
AAA Pass
50.7%
Relative Luminance
0.5065
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
#7590D7
Complementary
of Burly Wood
#C2D775
Analogous
of Burly Wood
#D78A75
Analogous
of Burly Wood
#E8D8B0
Lighter Tint
of Burly Wood
#F9F5EB
Lighter Tint
of Burly Wood
#F9F5EB
Lighter Tint
of Burly Wood
#C69E39
Darker Shade
of Burly Wood
#8A6F28
Darker Shade
of Burly Wood
#4F3F17
Darker Shade
of Burly Wood
Burly Wood
Named Color
Discover the Hue