Jewelry Design Colors

Color Palette • View 3

Bow Tie — Sandstone Fashion Accessory

3E3D3D
Copy As
HEX#3E3D3D
RGBrgb(62,61,61)
HSLhsl(0, 1%, 24%)
CMYKcmyk(0%, 2%, 2%, 76%)
Download
SVG PNG
282726
Copy As
HEX#282726
RGBrgb(40,39,38)
HSLhsl(30, 3%, 15%)
CMYKcmyk(0%, 2%, 5%, 84%)
Download
SVG PNG
E9E4E0
Copy As
HEX#E9E4E0
RGBrgb(233,228,224)
HSLhsl(27, 17%, 90%)
CMYKcmyk(0%, 2%, 4%, 9%)
Download
SVG PNG
141212
Copy As
HEX#141212
RGBrgb(20,18,18)
HSLhsl(0, 5%, 7%)
CMYKcmyk(0%, 10%, 10%, 92%)
Download
SVG PNG
4D4B4B
Copy As
HEX#4D4B4B
RGBrgb(77,75,75)
HSLhsl(0, 1%, 30%)
CMYKcmyk(0%, 3%, 3%, 70%)
Download
SVG PNG
B8B3AF
Copy As
HEX#B8B3AF
RGBrgb(184,179,175)
HSLhsl(27, 6%, 70%)
CMYKcmyk(0%, 3%, 5%, 28%)
Download
SVG PNG
D5CDC4
Copy As
HEX#D5CDC4
RGBrgb(213,205,196)
HSLhsl(32, 17%, 80%)
CMYKcmyk(0%, 4%, 8%, 16%)
Download
SVG PNG
676564
Copy As
HEX#676564
RGBrgb(103,101,100)
HSLhsl(20, 1%, 40%)
CMYKcmyk(0%, 2%, 3%, 60%)
Download
SVG PNG
#3E3D3D
#282726
#E9E4E0
#141212
#4D4B4B
#B8B3AF
#D5CDC4
#676564
Bow Tie - View 3 View 3
Palette extracted from this image

This palette is from

Bow Tie

Sandstone Fashion Accessory

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#3E3D3D
Dark Slate Gray
42.4% Gray
Web Formats
HEX#3E3D3D
RGB62,61,61
HSLhsl(0, 1%, 24%)
HWBhwb(0, 24%, 76%)
Print & Design
CMYKcmyk(0%, 2%, 2%, 76%)
HSVhsv(0, 2%, 24%)
Perceptual (Color Science)
LABlab(25.86, 0.43, 0.15)
LCHlch(25.86, 0.45, 19.5°)
XYZxyz(4.5, 4.7, 5.08)
OKLaboklab(0.361, 0.0013, 0.0004)
Accessibility (WCAG 2.1)
Aa
On White
10.83:1
AAA Pass
Aa
On Black
1.94:1
Fail
Aa
White on Color
10.83:1
AAA Pass
Aa
Black on Color
1.94:1
Fail
4.7%
Relative Luminance
0.0470
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
#3D3E3E
Complementary
of Dark Slate Gray
#3E3D3D
Analogous
of Dark Slate Gray
#3E3D3D
Analogous
of Dark Slate Gray
#646262
Lighter Tint
of Dark Slate Gray
#8B8989
Lighter Tint
of Dark Slate Gray
#B1AFAF
Lighter Tint
of Dark Slate Gray
#171717
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
#282726
Dark Slate Gray
14.1% Gray
Web Formats
HEX#282726
RGB40,39,38
HSLhsl(30, 3%, 15%)
HWBhwb(30, 15%, 84%)
Print & Design
CMYKcmyk(0%, 2%, 5%, 84%)
HSVhsv(30, 5%, 16%)
Perceptual (Color Science)
LABlab(15.71, 0.22, 0.82)
LCHlch(15.71, 0.85, 74.9°)
XYZxyz(1.95, 2.04, 2.12)
OKLaboklab(0.2734, 0.0009, 0.0022)
Accessibility (WCAG 2.1)
Aa
On White
14.91:1
AAA Pass
Aa
On Black
1.41:1
Fail
Aa
White on Color
14.91:1
AAA Pass
Aa
Black on Color
1.41:1
Fail
2.0%
Relative Luminance
0.0204
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
#252627
Complementary
of Dark Slate Gray
#272725
Analogous
of Dark Slate Gray
#272525
Analogous
of Dark Slate Gray
#4F4D4A
Lighter Tint
of Dark Slate Gray
#76736F
Lighter Tint
of Dark Slate Gray
#9C9996
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
#E9E4E0
Gainsboro
10.5% Gray
Web Formats
HEX#E9E4E0
RGB233,228,224
HSLhsl(27, 17%, 90%)
HWBhwb(27, 88%, 9%)
Print & Design
CMYKcmyk(0%, 2%, 4%, 9%)
HSVhsv(27, 4%, 91%)
Perceptual (Color Science)
LABlab(90.87, 0.99, 2.55)
LCHlch(90.87, 2.73, 68.7°)
XYZxyz(74.8, 78.19, 81.66)
OKLaboklab(0.9217, 0.0037, 0.0067)
Accessibility (WCAG 2.1)
Aa
On White
1.26:1
Fail
Aa
On Black
16.64:1
AAA Pass
Aa
White on Color
1.26:1
Fail
Aa
Black on Color
16.64:1
AAA Pass
78.2%
Relative Luminance
0.7819
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
#E1E6EA
Complementary
of Gainsboro
#EAE9E1
Analogous
of Gainsboro
#EAE1E2
Analogous
of Gainsboro
#F4F2F0
Lighter Tint
of Gainsboro
#F4F2F0
Lighter Tint
of Gainsboro
#F4F2F0
Lighter Tint
of Gainsboro
#CABEB4
Darker Shade
of Gainsboro
#AA9788
Darker Shade
of Gainsboro
#86715F
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#141212
Black
9.8% Black
Web Formats
HEX#141212
RGB20,18,18
HSLhsl(0, 5%, 7%)
HWBhwb(0, 7%, 92%)
Print & Design
CMYKcmyk(0%, 10%, 10%, 92%)
HSVhsv(0, 10%, 8%)
Perceptual (Color Science)
LABlab(5.65, 0.82, 0.29)
LCHlch(5.65, 0.86, 19.4°)
XYZxyz(0.61, 0.63, 0.66)
OKLaboklab(0.1846, 0.0031, 0.001)
Accessibility (WCAG 2.1)
Aa
On White
18.67:1
AAA Pass
Aa
On Black
1.13:1
Fail
Aa
White on Color
18.67:1
AAA Pass
Aa
Black on Color
1.13:1
Fail
0.6%
Relative Luminance
0.0063
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
#111313
Complementary
of Black
#131211
Analogous
of Black
#131112
Analogous
of Black
#3B3535
Lighter Tint
of Black
#635A5A
Lighter Tint
of Black
#8B7E7E
Lighter Tint
of Black
#0D0C0C
Darker Shade
of Black
#0D0C0C
Darker Shade
of Black
#0D0C0C
Darker Shade
of Black
Black
Named Color
Discover the Hue
#4D4B4B
Dark Slate Gray
9.1% Gray
Web Formats
HEX#4D4B4B
RGB77,75,75
HSLhsl(0, 1%, 30%)
HWBhwb(0, 29%, 70%)
Print & Design
CMYKcmyk(0%, 3%, 3%, 70%)
HSVhsv(0, 3%, 30%)
Perceptual (Color Science)
LABlab(32.07, 0.82, 0.29)
LCHlch(32.07, 0.87, 19.5°)
XYZxyz(6.85, 7.12, 7.67)
OKLaboklab(0.4147, 0.0025, 0.0008)
Accessibility (WCAG 2.1)
Aa
On White
8.66:1
AAA Pass
Aa
On Black
2.42:1
Fail
Aa
White on Color
8.66:1
AAA Pass
Aa
Black on Color
2.42:1
Fail
7.1%
Relative Luminance
0.0712
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
#4C4D4D
Complementary
of Dark Slate Gray
#4D4D4C
Analogous
of Dark Slate Gray
#4D4C4D
Analogous
of Dark Slate Gray
#747272
Lighter Tint
of Dark Slate Gray
#9A9898
Lighter Tint
of Dark Slate Gray
#C0BFBF
Lighter Tint
of Dark Slate Gray
#272626
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
#B8B3AF
Dark Gray
6.7% Gray
Web Formats
HEX#B8B3AF
RGB184,179,175
HSLhsl(27, 6%, 70%)
HWBhwb(27, 69%, 28%)
Print & Design
CMYKcmyk(0%, 3%, 5%, 28%)
HSVhsv(27, 5%, 72%)
Perceptual (Color Science)
LABlab(73.24, 1.04, 2.67)
LCHlch(73.24, 2.86, 68.6°)
XYZxyz(43.62, 45.53, 47.04)
OKLaboklab(0.7697, 0.0038, 0.0071)
Accessibility (WCAG 2.1)
Aa
On White
2.08:1
Fail
Aa
On Black
10.11:1
AAA Pass
Aa
White on Color
2.08:1
Fail
Aa
Black on Color
10.11:1
AAA Pass
45.5%
Relative Luminance
0.4553
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
#AEB3B7
Complementary
of Dark Gray
#B7B7AE
Analogous
of Dark Gray
#B7AEAE
Analogous
of Dark Gray
#DBD9D6
Lighter Tint
of Dark Gray
#F3F2F1
Lighter Tint
of Dark Gray
#F3F2F1
Lighter Tint
of Dark Gray
#938C85
Darker Shade
of Dark Gray
#6C6560
Darker Shade
of Dark Gray
#443F3C
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#D5CDC4
Light Gray
4.3% Gray
Web Formats
HEX#D5CDC4
RGB213,205,196
HSLhsl(32, 17%, 80%)
HWBhwb(32, 77%, 16%)
Print & Design
CMYKcmyk(0%, 4%, 8%, 16%)
HSVhsv(32, 8%, 84%)
Perceptual (Color Science)
LABlab(82.8, 1.21, 5.46)
LCHlch(82.8, 5.59, 77.5°)
XYZxyz(59.23, 61.79, 61.02)
OKLaboklab(0.8522, 0.005, 0.0144)
Accessibility (WCAG 2.1)
Aa
On White
1.57:1
Fail
Aa
On Black
13.36:1
AAA Pass
Aa
White on Color
1.57:1
Fail
Aa
Black on Color
13.36:1
AAA Pass
61.8%
Relative Luminance
0.6179
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
#C3CBD5
Complementary
of Light Gray
#D4D5C3
Analogous
of Light Gray
#D5C4C3
Analogous
of Light Gray
#F4F2F0
Lighter Tint
of Light Gray
#F4F2F0
Lighter Tint
of Light Gray
#F4F2F0
Lighter Tint
of Light Gray
#B5A797
Darker Shade
of Light Gray
#95816A
Darker Shade
of Light Gray
#685A4A
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#676564
Dim Gray
3.1% Gray
Web Formats
HEX#676564
RGB103,101,100
HSLhsl(20, 1%, 40%)
HWBhwb(20, 39%, 60%)
Print & Design
CMYKcmyk(0%, 2%, 3%, 60%)
HSVhsv(20, 3%, 40%)
Perceptual (Color Science)
LABlab(42.93, 0.58, 0.84)
LCHlch(42.93, 1.02, 55.5°)
XYZxyz(12.55, 13.11, 13.92)
OKLaboklab(0.5082, 0.002, 0.0022)
Accessibility (WCAG 2.1)
Aa
On White
5.80:1
AA Pass
Aa
On Black
3.62:1
Large Only
Aa
White on Color
5.80:1
AA Pass
Aa
Black on Color
3.62:1
Large Only
13.1%
Relative Luminance
0.1311
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
#656667
Complementary
of Dim Gray
#676765
Analogous
of Dim Gray
#676565
Analogous
of Dim Gray
#8D8C8B
Lighter Tint
of Dim Gray
#B3B2B2
Lighter Tint
of Dim Gray
#D9D9D8
Lighter Tint
of Dim Gray
#40403F
Darker Shade
of Dim Gray
#1A1919
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue