Jewelry Design Colors

Color Palette • View 4

Mandarinfish — Pendant

AFB6C5
Copy As
HEX#AFB6C5
RGBrgb(175,182,197)
HSLhsl(221, 16%, 73%)
CMYKcmyk(11%, 8%, 0%, 23%)
Download
SVG PNG
7D8D9A
Copy As
HEX#7D8D9A
RGBrgb(125,141,154)
HSLhsl(207, 13%, 55%)
CMYKcmyk(19%, 8%, 0%, 40%)
Download
SVG PNG
69767F
Copy As
HEX#69767F
RGBrgb(105,118,127)
HSLhsl(205, 9%, 45%)
CMYKcmyk(17%, 7%, 0%, 50%)
Download
SVG PNG
58606C
Copy As
HEX#58606C
RGBrgb(88,96,108)
HSLhsl(216, 10%, 38%)
CMYKcmyk(19%, 11%, 0%, 58%)
Download
SVG PNG
3E3E42
Copy As
HEX#3E3E42
RGBrgb(62,62,66)
HSLhsl(240, 3%, 25%)
CMYKcmyk(6%, 6%, 0%, 74%)
Download
SVG PNG
555244
Copy As
HEX#555244
RGBrgb(85,82,68)
HSLhsl(49, 11%, 30%)
CMYKcmyk(0%, 4%, 20%, 67%)
Download
SVG PNG
C7CCCF
Copy As
HEX#C7CCCF
RGBrgb(199,204,207)
HSLhsl(203, 8%, 80%)
CMYKcmyk(4%, 1%, 0%, 19%)
Download
SVG PNG
494F5A
Copy As
HEX#494F5A
RGBrgb(73,79,90)
HSLhsl(219, 10%, 32%)
CMYKcmyk(19%, 12%, 0%, 65%)
Download
SVG PNG
#AFB6C5
#7D8D9A
#69767F
#58606C
#3E3E42
#555244
#C7CCCF
#494F5A
Mandarinfish - View 4 View 4
Palette extracted from this image

This palette is from

Mandarinfish

Pendant

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#AFB6C5
Silver
27.9% Gray
Web Formats
HEX#AFB6C5
RGB175,182,197
HSLhsl(221, 16%, 73%)
HWBhwb(221, 69%, 23%)
Print & Design
CMYKcmyk(11%, 8%, 0%, 23%)
HSVhsv(221, 11%, 77%)
Perceptual (Color Science)
LABlab(73.93, 0.56, -8.42)
LCHlch(73.93, 8.44, 273.8°)
XYZxyz(44.48, 46.6, 59.46)
OKLaboklab(0.7754, -0.0017, -0.0227)
Accessibility (WCAG 2.1)
Aa
On White
2.03:1
Fail
Aa
On Black
10.32:1
AAA Pass
Aa
White on Color
2.03:1
Fail
Aa
Black on Color
10.32:1
AAA Pass
46.6%
Relative Luminance
0.4660
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
#C5BEAF
Complementary
of Silver
#B3AFC5
Analogous
of Silver
#AFC1C5
Analogous
of Silver
#DCDFE5
Lighter Tint
of Silver
#F0F2F4
Lighter Tint
of Silver
#F0F2F4
Lighter Tint
of Silver
#838EA5
Darker Shade
of Silver
#5C677F
Darker Shade
of Silver
#3C4353
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#7D8D9A
Light Slate Gray
17.8% Gray
Web Formats
HEX#7D8D9A
RGB125,141,154
HSLhsl(207, 13%, 55%)
HWBhwb(207, 49%, 40%)
Print & Design
CMYKcmyk(19%, 8%, 0%, 40%)
HSVhsv(207, 19%, 60%)
Perceptual (Color Science)
LABlab(57.79, -2.86, -8.83)
LCHlch(57.79, 9.28, 252.1°)
XYZxyz(23.81, 25.74, 34.28)
OKLaboklab(0.635, -0.0124, -0.0239)
Accessibility (WCAG 2.1)
Aa
On White
3.42:1
Large Only
Aa
On Black
6.15:1
AA Pass
Aa
White on Color
3.42:1
Large Only
Aa
Black on Color
6.15:1
AA Pass
25.7%
Relative Luminance
0.2574
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
#9B8B7D
Complementary
of Light Slate Gray
#7D7F9B
Analogous
of Light Slate Gray
#7D9B9A
Analogous
of Light Slate Gray
#A9B3BC
Lighter Tint
of Light Slate Gray
#D4D9DE
Lighter Tint
of Light Slate Gray
#F1F2F4
Lighter Tint
of Light Slate Gray
#596773
Darker Shade
of Light Slate Gray
#374148
Darker Shade
of Light Slate Gray
#161A1D
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#69767F
Slate Gray
13.2% Gray
Web Formats
HEX#69767F
RGB105,118,127
HSLhsl(205, 9%, 45%)
HWBhwb(205, 41%, 50%)
Print & Design
CMYKcmyk(17%, 7%, 0%, 50%)
HSVhsv(205, 17%, 50%)
Perceptual (Color Science)
LABlab(48.87, -2.78, -6.57)
LCHlch(48.87, 7.13, 247°)
XYZxyz(16.13, 17.49, 22.6)
OKLaboklab(0.5582, -0.0111, -0.0178)
Accessibility (WCAG 2.1)
Aa
On White
4.67:1
AA Pass
Aa
On Black
4.50:1
AA Pass
Aa
White on Color
4.67:1
AA Pass
Aa
Black on Color
4.50:1
AA Pass
17.5%
Relative Luminance
0.1749
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
#7D7168
Complementary
of Slate Gray
#686A7D
Analogous
of Slate Gray
#687D7B
Analogous
of Slate Gray
#909BA2
Lighter Tint
of Slate Gray
#BAC0C5
Lighter Tint
of Slate Gray
#E3E6E8
Lighter Tint
of Slate Gray
#464E53
Darker Shade
of Slate Gray
#23272A
Darker Shade
of Slate Gray
#0C0D0E
Darker Shade
of Slate Gray
Slate Gray
Named Color
Discover the Hue
#58606C
Dim Gray
10.2% Gray
Web Formats
HEX#58606C
RGB88,96,108
HSLhsl(216, 10%, 38%)
HWBhwb(216, 35%, 58%)
Print & Design
CMYKcmyk(19%, 11%, 0%, 58%)
HSVhsv(216, 19%, 42%)
Perceptual (Color Science)
LABlab(40.45, -0.29, -7.85)
LCHlch(40.45, 7.85, 267.9°)
XYZxyz(10.91, 11.52, 15.83)
OKLaboklab(0.4864, -0.0044, -0.0213)
Accessibility (WCAG 2.1)
Aa
On White
6.35:1
AA Pass
Aa
On Black
3.30:1
Large Only
Aa
White on Color
6.35:1
AA Pass
Aa
Black on Color
3.30:1
Large Only
11.5%
Relative Luminance
0.1152
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
#6B6357
Complementary
of Dim Gray
#59576B
Analogous
of Dim Gray
#57696B
Analogous
of Dim Gray
#7B8593
Lighter Tint
of Dim Gray
#A5ACB6
Lighter Tint
of Dim Gray
#CFD3D8
Lighter Tint
of Dim Gray
#353941
Darker Shade
of Dim Gray
#121416
Darker Shade
of Dim Gray
#0B0C0E
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#3E3E42
Dark Slate Gray
10.3% Gray
Web Formats
HEX#3E3E42
RGB62,62,66
HSLhsl(240, 3%, 25%)
HWBhwb(240, 24%, 74%)
Print & Design
CMYKcmyk(6%, 6%, 0%, 74%)
HSVhsv(240, 6%, 26%)
Perceptual (Color Science)
LABlab(26.34, 0.92, -2.44)
LCHlch(26.34, 2.61, 290.7°)
XYZxyz(4.69, 4.86, 5.84)
OKLaboklab(0.3653, 0.0019, -0.0065)
Accessibility (WCAG 2.1)
Aa
On White
10.65:1
AAA Pass
Aa
On Black
1.97:1
Fail
Aa
White on Color
10.65:1
AAA Pass
Aa
Black on Color
1.97:1
Fail
4.9%
Relative Luminance
0.0486
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
#42423E
Complementary
of Dark Slate Gray
#403E42
Analogous
of Dark Slate Gray
#3E4042
Analogous
of Dark Slate Gray
#636369
Lighter Tint
of Dark Slate Gray
#898990
Lighter Tint
of Dark Slate Gray
#B0B0B5
Lighter Tint
of Dark Slate Gray
#19191A
Darker Shade
of Dark Slate Gray
#0C0C0D
Darker Shade
of Dark Slate Gray
#0C0C0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#555244
Dark Slate Gray
8.3% Gray
Web Formats
HEX#555244
RGB85,82,68
HSLhsl(49, 11%, 30%)
HWBhwb(49, 27%, 67%)
Print & Design
CMYKcmyk(0%, 4%, 20%, 67%)
HSVhsv(49, 20%, 33%)
Perceptual (Color Science)
LABlab(34.77, -1.49, 8.67)
LCHlch(34.77, 8.8, 99.7°)
XYZxyz(7.81, 8.38, 6.67)
OKLaboklab(0.4371, -0.0028, 0.0223)
Accessibility (WCAG 2.1)
Aa
On White
7.85:1
AAA Pass
Aa
On Black
2.68:1
Fail
Aa
White on Color
7.85:1
AAA Pass
Aa
Black on Color
2.68:1
Fail
8.4%
Relative Luminance
0.0838
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
#444755
Complementary
of Dark Slate Gray
#505544
Analogous
of Dark Slate Gray
#554944
Analogous
of Dark Slate Gray
#7F7B66
Lighter Tint
of Dark Slate Gray
#A4A08E
Lighter Tint
of Dark Slate Gray
#C6C4B8
Lighter Tint
of Dark Slate Gray
#2A2922
Darker Shade
of Dark Slate Gray
#0E0E0B
Darker Shade
of Dark Slate Gray
#0E0E0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#C7CCCF
Light Gray
6.3% Gray
Web Formats
HEX#C7CCCF
RGB199,204,207
HSLhsl(203, 8%, 80%)
HWBhwb(203, 78%, 19%)
Print & Design
CMYKcmyk(4%, 1%, 0%, 19%)
HSVhsv(203, 4%, 81%)
Perceptual (Color Science)
LABlab(81.75, -1.15, -2.09)
LCHlch(81.75, 2.38, 241.2°)
XYZxyz(56.41, 59.83, 67.6)
OKLaboklab(0.8422, -0.0041, -0.0056)
Accessibility (WCAG 2.1)
Aa
On White
1.62:1
Fail
Aa
On Black
12.97:1
AAA Pass
Aa
White on Color
1.62:1
Fail
Aa
Black on Color
12.97:1
AAA Pass
59.8%
Relative Luminance
0.5983
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
#D0CBC8
Complementary
of Light Gray
#C8C9D0
Analogous
of Light Gray
#C8D0CF
Analogous
of Light Gray
#F1F2F3
Lighter Tint
of Light Gray
#F1F2F3
Lighter Tint
of Light Gray
#F1F2F3
Lighter Tint
of Light Gray
#9FA7AD
Darker Shade
of Light Gray
#75828A
Darker Shade
of Light Gray
#525B60
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#494F5A
Dark Slate Gray
6.1% Gray
Web Formats
HEX#494F5A
RGB73,79,90
HSLhsl(219, 10%, 32%)
HWBhwb(219, 29%, 65%)
Print & Design
CMYKcmyk(19%, 12%, 0%, 65%)
HSVhsv(219, 19%, 35%)
Perceptual (Color Science)
LABlab(33.45, 0.25, -7.26)
LCHlch(33.45, 7.26, 272°)
XYZxyz(7.39, 7.75, 10.78)
OKLaboklab(0.4263, -0.0025, -0.0197)
Accessibility (WCAG 2.1)
Aa
On White
8.24:1
AAA Pass
Aa
On Black
2.55:1
Fail
Aa
White on Color
8.24:1
AAA Pass
Aa
Black on Color
2.55:1
Fail
7.8%
Relative Luminance
0.0775
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
#5A5449
Complementary
of Dark Slate Gray
#4C495A
Analogous
of Dark Slate Gray
#49575A
Analogous
of Dark Slate Gray
#6C7484
Lighter Tint
of Dark Slate Gray
#949BA8
Lighter Tint
of Dark Slate Gray
#BEC3CA
Lighter Tint
of Dark Slate Gray
#272A30
Darker Shade
of Dark Slate Gray
#0B0C0E
Darker Shade
of Dark Slate Gray
#0B0C0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue