Jewelry Design Colors

Color Palette • View 5

The Ray — Brooch

CEB274
Copy As
HEX#CEB274
RGBrgb(206,178,116)
HSLhsl(41, 48%, 63%)
CMYKcmyk(0%, 14%, 44%, 19%)
Download
SVG PNG
7F7F7F
Copy As
HEX#7F7F7F
RGBrgb(127,127,127)
HSLhsl(0, 0%, 50%)
CMYKcmyk(0%, 0%, 0%, 50%)
Download
SVG PNG
4C4C4A
Copy As
HEX#4C4C4A
RGBrgb(76,76,74)
HSLhsl(60, 1%, 29%)
CMYKcmyk(0%, 0%, 3%, 70%)
Download
SVG PNG
383837
Copy As
HEX#383837
RGBrgb(56,56,55)
HSLhsl(60, 1%, 22%)
CMYKcmyk(0%, 0%, 2%, 78%)
Download
SVG PNG
6A6967
Copy As
HEX#6A6967
RGBrgb(106,105,103)
HSLhsl(40, 1%, 41%)
CMYKcmyk(0%, 1%, 3%, 58%)
Download
SVG PNG
E0C177
Copy As
HEX#E0C177
RGBrgb(224,193,119)
HSLhsl(42, 63%, 67%)
CMYKcmyk(0%, 14%, 47%, 12%)
Download
SVG PNG
909192
Copy As
HEX#909192
RGBrgb(144,145,146)
HSLhsl(210, 1%, 57%)
CMYKcmyk(1%, 1%, 0%, 43%)
Download
SVG PNG
A3A4A4
Copy As
HEX#A3A4A4
RGBrgb(163,164,164)
HSLhsl(180, 1%, 64%)
CMYKcmyk(1%, 0%, 0%, 36%)
Download
SVG PNG
#CEB274
#7F7F7F
#4C4C4A
#383837
#6A6967
#E0C177
#909192
#A3A4A4
The Ray - View 5 View 5
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.
#CEB274
Dark Khaki
17.1% Yellow
Web Formats
HEX#CEB274
RGB206,178,116
HSLhsl(41, 48%, 63%)
HWBhwb(41, 45%, 19%)
Print & Design
CMYKcmyk(0%, 14%, 44%, 19%)
HSVhsv(41, 44%, 81%)
Perceptual (Color Science)
LABlab(73.69, 1.73, 35.36)
LCHlch(73.69, 35.41, 87.2°)
XYZxyz(44.53, 46.23, 23.1)
OKLaboklab(0.7739, 0.0058, 0.0863)
Accessibility (WCAG 2.1)
Aa
On White
2.05:1
Fail
Aa
On Black
10.24:1
AAA Pass
Aa
White on Color
2.05:1
Fail
Aa
Black on Color
10.24:1
AAA Pass
46.2%
Relative Luminance
0.4622
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
#7390CE
Complementary
of Dark Khaki
#BDCE73
Analogous
of Dark Khaki
#CE8473
Analogous
of Dark Khaki
#E2D1AC
Lighter Tint
of Dark Khaki
#F6F0E5
Lighter Tint
of Dark Khaki
#F8F4EC
Lighter Tint
of Dark Khaki
#B59040
Darker Shade
of Dark Khaki
#7D632C
Darker Shade
of Dark Khaki
#443618
Darker Shade
of Dark Khaki
Dark Khaki
Named Color
Discover the Hue
#7F7F7F
Gray
16.2% 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
#4C4C4A
Dark Slate Gray
15.4% Gray
Web Formats
HEX#4C4C4A
RGB76,76,74
HSLhsl(60, 1%, 29%)
HWBhwb(60, 29%, 70%)
Print & Design
CMYKcmyk(0%, 0%, 3%, 70%)
HSVhsv(60, 3%, 30%)
Perceptual (Color Science)
LABlab(32.26, -0.43, 1.19)
LCHlch(32.26, 1.26, 109.9°)
XYZxyz(6.8, 7.2, 7.51)
OKLaboklab(0.4159, -0.0009, 0.0031)
Accessibility (WCAG 2.1)
Aa
On White
8.61:1
AAA Pass
Aa
On Black
2.44:1
Fail
Aa
White on Color
8.61:1
AAA Pass
Aa
Black on Color
2.44:1
Fail
7.2%
Relative Luminance
0.0720
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
#49494B
Complementary
of Dark Slate Gray
#4A4B49
Analogous
of Dark Slate Gray
#4B4A49
Analogous
of Dark Slate Gray
#71716F
Lighter Tint
of Dark Slate Gray
#979795
Lighter Tint
of Dark Slate Gray
#BDBDBC
Lighter Tint
of Dark Slate Gray
#242423
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
#383837
Dark Slate Gray
11.7% Gray
Web Formats
HEX#383837
RGB56,56,55
HSLhsl(60, 1%, 22%)
HWBhwb(60, 22%, 78%)
Print & Design
CMYKcmyk(0%, 0%, 2%, 78%)
HSVhsv(60, 2%, 22%)
Perceptual (Color Science)
LABlab(23.49, -0.23, 0.62)
LCHlch(23.49, 0.66, 110°)
XYZxyz(3.73, 3.94, 4.18)
OKLaboklab(0.3403, -0.0005, 0.0016)
Accessibility (WCAG 2.1)
Aa
On White
11.74:1
AAA Pass
Aa
On Black
1.79:1
Fail
Aa
White on Color
11.74:1
AAA Pass
Aa
Black on Color
1.79:1
Fail
3.9%
Relative Luminance
0.0394
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
#383839
Complementary
of Dark Slate Gray
#383938
Analogous
of Dark Slate Gray
#393838
Analogous
of Dark Slate Gray
#5F5F5D
Lighter Tint
of Dark Slate Gray
#868683
Lighter Tint
of Dark Slate Gray
#ACACAA
Lighter Tint
of Dark Slate Gray
#121212
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
#6A6967
Dim Gray
10.8% Gray
Web Formats
HEX#6A6967
RGB106,105,103
HSLhsl(40, 1%, 41%)
HWBhwb(40, 40%, 58%)
Print & Design
CMYKcmyk(0%, 1%, 3%, 58%)
HSVhsv(40, 3%, 42%)
Perceptual (Color Science)
LABlab(44.44, -0.02, 1.26)
LCHlch(44.44, 1.26, 90.8°)
XYZxyz(13.44, 14.15, 14.85)
OKLaboklab(0.5211, 0.0003, 0.0033)
Accessibility (WCAG 2.1)
Aa
On White
5.48:1
AA Pass
Aa
On Black
3.83:1
Large Only
Aa
White on Color
5.48:1
AA Pass
Aa
Black on Color
3.83:1
Large Only
14.2%
Relative Luminance
0.1415
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
#68686A
Complementary
of Dim Gray
#696A68
Analogous
of Dim Gray
#6A6868
Analogous
of Dim Gray
#908F8E
Lighter Tint
of Dim Gray
#B6B5B4
Lighter Tint
of Dim Gray
#DCDBDB
Lighter Tint
of Dim Gray
#434342
Darker Shade
of Dim Gray
#1C1C1C
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#E0C177
Burly Wood
10.7% Brown
Web Formats
HEX#E0C177
RGB224,193,119
HSLhsl(42, 63%, 67%)
HWBhwb(42, 47%, 12%)
Print & Design
CMYKcmyk(0%, 14%, 47%, 12%)
HSVhsv(42, 47%, 88%)
Perceptual (Color Science)
LABlab(79.23, 1.45, 41.18)
LCHlch(79.23, 41.21, 88°)
XYZxyz(53.14, 55.32, 25.33)
OKLaboklab(0.8215, 0.0044, 0.0995)
Accessibility (WCAG 2.1)
Aa
On White
1.74:1
Fail
Aa
On Black
12.06:1
AAA Pass
Aa
White on Color
1.74:1
Fail
Aa
Black on Color
12.06:1
AAA Pass
55.3%
Relative Luminance
0.5532
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
#7696E0
Complementary
of Burly Wood
#CBE076
Analogous
of Burly Wood
#E08B76
Analogous
of Burly Wood
#EEDDB4
Lighter Tint
of Burly Wood
#FAF5EA
Lighter Tint
of Burly Wood
#FAF5EA
Lighter Tint
of Burly Wood
#D2A337
Darker Shade
of Burly Wood
#9A7623
Darker Shade
of Burly Wood
#5B4615
Darker Shade
of Burly Wood
Burly Wood
Named Color
Discover the Hue
#909192
Light Slate Gray
9.3% Gray
Web Formats
HEX#909192
RGB144,145,146
HSLhsl(210, 1%, 57%)
HWBhwb(210, 56%, 43%)
Print & Design
CMYKcmyk(1%, 1%, 0%, 43%)
HSVhsv(210, 1%, 57%)
Perceptual (Color Science)
LABlab(60.12, -0.17, -0.66)
LCHlch(60.12, 0.68, 255.6°)
XYZxyz(26.81, 28.26, 31.23)
OKLaboklab(0.6561, -0.0007, -0.0017)
Accessibility (WCAG 2.1)
Aa
On White
3.16:1
Large Only
Aa
On Black
6.65:1
AA Pass
Aa
White on Color
3.16:1
Large Only
Aa
Black on Color
6.65:1
AA Pass
28.3%
Relative Luminance
0.2826
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
#929190
Complementary
of Light Slate Gray
#909092
Analogous
of Light Slate Gray
#909292
Analogous
of Light Slate Gray
#B7B8B8
Lighter Tint
of Light Slate Gray
#DEDEDE
Lighter Tint
of Light Slate Gray
#F2F2F2
Lighter Tint
of Light Slate Gray
#6A6B6C
Darker Shade
of Light Slate Gray
#444546
Darker Shade
of Light Slate Gray
#1E1F1F
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#A3A4A4
Dark Gray
8.7% Gray
Web Formats
HEX#A3A4A4
RGB163,164,164
HSLhsl(180, 1%, 64%)
HWBhwb(180, 64%, 36%)
Print & Design
CMYKcmyk(1%, 0%, 0%, 36%)
HSVhsv(180, 1%, 64%)
Perceptual (Color Science)
LABlab(67.29, -0.36, -0.13)
LCHlch(67.29, 0.38, 199.4°)
XYZxyz(35.08, 37.02, 40.41)
OKLaboklab(0.7179, -0.0011, -0.0003)
Accessibility (WCAG 2.1)
Aa
On White
2.50:1
Fail
Aa
On Black
8.40:1
AAA Pass
Aa
White on Color
2.50:1
Fail
Aa
Black on Color
8.40:1
AAA Pass
37.0%
Relative Luminance
0.3702
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
#A4A2A2
Complementary
of Dark Gray
#A2A3A4
Analogous
of Dark Gray
#A2A4A3
Analogous
of Dark Gray
#C9CACA
Lighter Tint
of Dark Gray
#F0F0F0
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#7C7E7E
Darker Shade
of Dark Gray
#565858
Darker Shade
of Dark Gray
#303131
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue