Jewelry Design Colors

Color Palette • View 4

Morning Butterly — Jewelry

B7B6AA
Copy As
HEX#B7B6AA
RGBrgb(183,182,170)
HSLhsl(55, 8%, 69%)
CMYKcmyk(0%, 1%, 7%, 28%)
Download
SVG PNG
CACABD
Copy As
HEX#CACABD
RGBrgb(202,202,189)
HSLhsl(60, 11%, 77%)
CMYKcmyk(0%, 0%, 6%, 21%)
Download
SVG PNG
F0EEE7
Copy As
HEX#F0EEE7
RGBrgb(240,238,231)
HSLhsl(47, 23%, 92%)
CMYKcmyk(0%, 1%, 4%, 6%)
Download
SVG PNG
A2A299
Copy As
HEX#A2A299
RGBrgb(162,162,153)
HSLhsl(60, 5%, 62%)
CMYKcmyk(0%, 0%, 6%, 36%)
Download
SVG PNG
DCDBD0
Copy As
HEX#DCDBD0
RGBrgb(220,219,208)
HSLhsl(55, 15%, 84%)
CMYKcmyk(0%, 0%, 5%, 14%)
Download
SVG PNG
87867A
Copy As
HEX#87867A
RGBrgb(135,134,122)
HSLhsl(55, 5%, 50%)
CMYKcmyk(0%, 1%, 10%, 47%)
Download
SVG PNG
AC9A8A
Copy As
HEX#AC9A8A
RGBrgb(172,154,138)
HSLhsl(28, 17%, 61%)
CMYKcmyk(0%, 10%, 20%, 33%)
Download
SVG PNG
7F7062
Copy As
HEX#7F7062
RGBrgb(127,112,98)
HSLhsl(29, 13%, 44%)
CMYKcmyk(0%, 12%, 23%, 50%)
Download
SVG PNG
#B7B6AA
#CACABD
#F0EEE7
#A2A299
#DCDBD0
#87867A
#AC9A8A
#7F7062
Morning Butterly - View 4 View 4
Palette extracted from this image

This palette is from

Morning Butterly

Jewelry

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#B7B6AA
Dark Gray
19.5% Gray
Web Formats
HEX#B7B6AA
RGB183,182,170
HSLhsl(55, 8%, 69%)
HWBhwb(55, 67%, 28%)
Print & Design
CMYKcmyk(0%, 1%, 7%, 28%)
HSVhsv(55, 7%, 72%)
Perceptual (Color Science)
LABlab(73.82, -1.81, 6.23)
LCHlch(73.82, 6.49, 106.2°)
XYZxyz(43.51, 46.43, 44.69)
OKLaboklab(0.7737, -0.0037, 0.0163)
Accessibility (WCAG 2.1)
Aa
On White
2.04:1
Fail
Aa
On Black
10.29:1
AAA Pass
Aa
White on Color
2.04:1
Fail
Aa
Black on Color
10.29:1
AAA Pass
46.4%
Relative Luminance
0.4643
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
#AAABB6
Complementary
of Dark Gray
#B1B6AA
Analogous
of Dark Gray
#B6AFAA
Analogous
of Dark Gray
#D9D9D3
Lighter Tint
of Dark Gray
#F3F3F1
Lighter Tint
of Dark Gray
#F3F3F1
Lighter Tint
of Dark Gray
#939280
Darker Shade
of Dark Gray
#6B6A5B
Darker Shade
of Dark Gray
#424138
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#CACABD
Silver
17.9% Gray
Web Formats
HEX#CACABD
RGB202,202,189
HSLhsl(60, 11%, 77%)
HWBhwb(60, 74%, 21%)
Print & Design
CMYKcmyk(0%, 0%, 6%, 21%)
HSVhsv(60, 6%, 79%)
Perceptual (Color Science)
LABlab(81, -2.31, 6.49)
LCHlch(81, 6.88, 109.6°)
XYZxyz(54.66, 58.47, 56.54)
OKLaboklab(0.8354, -0.0051, 0.017)
Accessibility (WCAG 2.1)
Aa
On White
1.65:1
Fail
Aa
On Black
12.69:1
AAA Pass
Aa
White on Color
1.65:1
Fail
Aa
Black on Color
12.69:1
AAA Pass
58.5%
Relative Luminance
0.5847
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
#BEBECB
Complementary
of Silver
#C4CBBE
Analogous
of Silver
#CBC4BE
Analogous
of Silver
#EDEDE8
Lighter Tint
of Silver
#F4F4F1
Lighter Tint
of Silver
#F4F4F1
Lighter Tint
of Silver
#A9A993
Darker Shade
of Silver
#85856B
Darker Shade
of Silver
#5B5B49
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#F0EEE7
Linen
15.4% White
Web Formats
HEX#F0EEE7
RGB240,238,231
HSLhsl(47, 23%, 92%)
HWBhwb(47, 91%, 6%)
Print & Design
CMYKcmyk(0%, 1%, 4%, 6%)
HSVhsv(47, 4%, 94%)
Perceptual (Color Science)
LABlab(94.07, -0.55, 3.62)
LCHlch(94.07, 3.66, 98.6°)
XYZxyz(80.93, 85.44, 87.81)
OKLaboklab(0.9487, -0.0006, 0.0095)
Accessibility (WCAG 2.1)
Aa
On White
1.16:1
Fail
Aa
On Black
18.09:1
AAA Pass
Aa
White on Color
1.16:1
Fail
Aa
Black on Color
18.09:1
AAA Pass
85.4%
Relative Luminance
0.8544
Very 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
#E6E8EF
Complementary
of Linen
#EDEFE6
Analogous
of Linen
#EFE9E6
Analogous
of Linen
#F5F4EF
Lighter Tint
of Linen
#F5F4EF
Lighter Tint
of Linen
#F5F4EF
Lighter Tint
of Linen
#D2CCB7
Darker Shade
of Linen
#B4AB88
Darker Shade
of Linen
#93875C
Darker Shade
of Linen
Linen
Named Color
Discover the Hue
#A2A299
Dark Gray
13.7% Gray
Web Formats
HEX#A2A299
RGB162,162,153
HSLhsl(60, 5%, 62%)
HWBhwb(60, 60%, 36%)
Print & Design
CMYKcmyk(0%, 0%, 6%, 36%)
HSVhsv(60, 6%, 64%)
Perceptual (Color Science)
LABlab(66.38, -1.67, 4.68)
LCHlch(66.38, 4.97, 109.7°)
XYZxyz(33.57, 35.82, 35.28)
OKLaboklab(0.7096, -0.0037, 0.0123)
Accessibility (WCAG 2.1)
Aa
On White
2.57:1
Fail
Aa
On Black
8.16:1
AAA Pass
Aa
White on Color
2.57:1
Fail
Aa
Black on Color
8.16:1
AAA Pass
35.8%
Relative Luminance
0.3582
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
#9999A3
Complementary
of Dark Gray
#9EA399
Analogous
of Dark Gray
#A39E99
Analogous
of Dark Gray
#C7C7C1
Lighter Tint
of Dark Gray
#ECECEA
Lighter Tint
of Dark Gray
#F3F3F2
Lighter Tint
of Dark Gray
#7E7E72
Darker Shade
of Dark Gray
#56564E
Darker Shade
of Dark Gray
#2E2E29
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#DCDBD0
Gainsboro
12.7% Gray
Web Formats
HEX#DCDBD0
RGB220,219,208
HSLhsl(55, 15%, 84%)
HWBhwb(55, 82%, 14%)
Print & Design
CMYKcmyk(0%, 0%, 5%, 14%)
HSVhsv(55, 5%, 86%)
Perceptual (Color Science)
LABlab(87.21, -1.59, 5.52)
LCHlch(87.21, 5.75, 106°)
XYZxyz(66.23, 70.43, 69.77)
OKLaboklab(0.8892, -0.0032, 0.0145)
Accessibility (WCAG 2.1)
Aa
On White
1.39:1
Fail
Aa
On Black
15.09:1
AAA Pass
Aa
White on Color
1.39:1
Fail
Aa
Black on Color
15.09:1
AAA Pass
70.4%
Relative Luminance
0.7043
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
#D0D1DC
Complementary
of Gainsboro
#D7DCD0
Analogous
of Gainsboro
#DCD5D0
Analogous
of Gainsboro
#F4F4F0
Lighter Tint
of Gainsboro
#F4F4F0
Lighter Tint
of Gainsboro
#F4F4F0
Lighter Tint
of Gainsboro
#BCBAA4
Darker Shade
of Gainsboro
#9B9878
Darker Shade
of Gainsboro
#727055
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#87867A
Gray
8.8% Gray
Web Formats
HEX#87867A
RGB135,134,122
HSLhsl(55, 5%, 50%)
HWBhwb(55, 48%, 47%)
Print & Design
CMYKcmyk(0%, 1%, 10%, 47%)
HSVhsv(55, 10%, 53%)
Perceptual (Color Science)
LABlab(55.69, -1.88, 6.6)
LCHlch(55.69, 6.86, 105.9°)
XYZxyz(22.03, 23.61, 21.8)
OKLaboklab(0.6174, -0.004, 0.0172)
Accessibility (WCAG 2.1)
Aa
On White
3.67:1
Large Only
Aa
On Black
5.72:1
AA Pass
Aa
White on Color
3.67:1
Large Only
Aa
Black on Color
5.72:1
AA Pass
23.6%
Relative Luminance
0.2361
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
#797A86
Complementary
of Gray
#818679
Analogous
of Gray
#867E79
Analogous
of Gray
#AAA9A1
Lighter Tint
of Gray
#CFCEC9
Lighter Tint
of Gray
#F3F3F2
Lighter Tint
of Gray
#5E5D55
Darker Shade
of Gray
#363530
Darker Shade
of Gray
#0D0D0C
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#AC9A8A
Rosy Brown
5.7% Brown
Web Formats
HEX#AC9A8A
RGB172,154,138
HSLhsl(28, 17%, 61%)
HWBhwb(28, 54%, 33%)
Print & Design
CMYKcmyk(0%, 10%, 20%, 33%)
HSVhsv(28, 20%, 67%)
Perceptual (Color Science)
LABlab(64.74, 3.97, 10.82)
LCHlch(64.74, 11.52, 69.9°)
XYZxyz(33.16, 33.72, 28.8)
OKLaboklab(0.6975, 0.0137, 0.0281)
Accessibility (WCAG 2.1)
Aa
On White
2.71:1
Fail
Aa
On Black
7.74:1
AAA Pass
Aa
White on Color
2.71:1
Fail
Aa
Black on Color
7.74:1
AAA Pass
33.7%
Relative Luminance
0.3372
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
#8B9DAC
Complementary
of Rosy Brown
#ACAB8B
Analogous
of Rosy Brown
#AC8B8C
Analogous
of Rosy Brown
#CCC1B7
Lighter Tint
of Rosy Brown
#ECE8E4
Lighter Tint
of Rosy Brown
#F4F2F0
Lighter Tint
of Rosy Brown
#897461
Darker Shade
of Rosy Brown
#5C4E42
Darker Shade
of Rosy Brown
#302822
Darker Shade
of Rosy Brown
Rosy Brown
Named Color
Discover the Hue
#7F7062
Dim Gray
6.4% Gray
Web Formats
HEX#7F7062
RGB127,112,98
HSLhsl(29, 13%, 44%)
HWBhwb(29, 38%, 50%)
Print & Design
CMYKcmyk(0%, 12%, 23%, 50%)
HSVhsv(29, 23%, 50%)
Perceptual (Color Science)
LABlab(48.24, 3.44, 9.93)
LCHlch(48.24, 10.51, 70.9°)
XYZxyz(16.75, 16.98, 13.95)
OKLaboklab(0.5551, 0.0118, 0.0257)
Accessibility (WCAG 2.1)
Aa
On White
4.78:1
AA Pass
Aa
On Black
4.40:1
Large Only
Aa
White on Color
4.78:1
AA Pass
Aa
Black on Color
4.40:1
Large Only
17.0%
Relative Luminance
0.1698
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
#62717F
Complementary
of Dim Gray
#7F7E62
Analogous
of Dim Gray
#7F6262
Analogous
of Dim Gray
#A49689
Lighter Tint
of Dim Gray
#C5BCB4
Lighter Tint
of Dim Gray
#E7E3DF
Lighter Tint
of Dim Gray
#544A40
Darker Shade
of Dim Gray
#28241F
Darker Shade
of Dim Gray
#0E0D0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue