Jewelry Design Colors

Color Palette • View 2

Baobab Tree — Jewelry Collection

E7EAED
Copy As
HEX#E7EAED
RGBrgb(231,234,237)
HSLhsl(210, 14%, 92%)
CMYKcmyk(3%, 1%, 0%, 7%)
Download
SVG PNG
D4D7D9
Copy As
HEX#D4D7D9
RGBrgb(212,215,217)
HSLhsl(204, 6%, 84%)
CMYKcmyk(2%, 1%, 0%, 15%)
Download
SVG PNG
BFBFC0
Copy As
HEX#BFBFC0
RGBrgb(191,191,192)
HSLhsl(240, 1%, 75%)
CMYKcmyk(1%, 1%, 0%, 25%)
Download
SVG PNG
A7A6A7
Copy As
HEX#A7A6A7
RGBrgb(167,166,167)
HSLhsl(300, 1%, 65%)
CMYKcmyk(0%, 1%, 0%, 35%)
Download
SVG PNG
848181
Copy As
HEX#848181
RGBrgb(132,129,129)
HSLhsl(0, 1%, 51%)
CMYKcmyk(0%, 2%, 2%, 48%)
Download
SVG PNG
979595
Copy As
HEX#979595
RGBrgb(151,149,149)
HSLhsl(0, 1%, 59%)
CMYKcmyk(0%, 1%, 1%, 41%)
Download
SVG PNG
656162
Copy As
HEX#656162
RGBrgb(101,97,98)
HSLhsl(345, 2%, 39%)
CMYKcmyk(0%, 4%, 3%, 60%)
Download
SVG PNG
747172
Copy As
HEX#747172
RGBrgb(116,113,114)
HSLhsl(340, 1%, 45%)
CMYKcmyk(0%, 3%, 2%, 55%)
Download
SVG PNG
#E7EAED
#D4D7D9
#BFBFC0
#A7A6A7
#848181
#979595
#656162
#747172
Baobab Tree - View 2 View 2
Palette extracted from this image

This palette is from

Baobab Tree

Jewelry Collection

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#E7EAED
Lavender
47.7% Purple
Web Formats
HEX#E7EAED
RGB231,234,237
HSLhsl(210, 14%, 92%)
HWBhwb(210, 91%, 7%)
Print & Design
CMYKcmyk(3%, 1%, 0%, 7%)
HSVhsv(210, 3%, 93%)
Perceptual (Color Science)
LABlab(92.55, -0.46, -1.8)
LCHlch(92.55, 1.86, 255.7°)
XYZxyz(77.66, 81.95, 91.83)
OKLaboklab(0.9356, -0.002, -0.0048)
Accessibility (WCAG 2.1)
Aa
On White
1.21:1
Fail
Aa
On Black
17.39:1
AAA Pass
Aa
White on Color
1.21:1
Fail
Aa
Black on Color
17.39:1
AAA Pass
82.0%
Relative Luminance
0.8195
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
#EDEBE8
Complementary
of Lavender
#E8E8ED
Analogous
of Lavender
#E8EDED
Analogous
of Lavender
#F0F2F4
Lighter Tint
of Lavender
#F0F2F4
Lighter Tint
of Lavender
#F0F2F4
Lighter Tint
of Lavender
#BCC4CD
Darker Shade
of Lavender
#919EAC
Darker Shade
of Lavender
#677889
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue
#D4D7D9
Light Gray
15.2% Gray
Web Formats
HEX#D4D7D9
RGB212,215,217
HSLhsl(204, 6%, 84%)
HWBhwb(204, 83%, 15%)
Print & Design
CMYKcmyk(2%, 1%, 0%, 15%)
HSVhsv(204, 2%, 85%)
Perceptual (Color Science)
LABlab(85.81, -0.65, -1.34)
LCHlch(85.81, 1.49, 244.1°)
XYZxyz(63.97, 67.61, 75.31)
OKLaboklab(0.8774, -0.0024, -0.0036)
Accessibility (WCAG 2.1)
Aa
On White
1.45:1
Fail
Aa
On Black
14.52:1
AAA Pass
Aa
White on Color
1.45:1
Fail
Aa
Black on Color
14.52:1
AAA Pass
67.6%
Relative Luminance
0.6761
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
#D9D6D4
Complementary
of Light Gray
#D4D4D9
Analogous
of Light Gray
#D4D9D8
Analogous
of Light Gray
#F1F2F3
Lighter Tint
of Light Gray
#F1F2F3
Lighter Tint
of Light Gray
#F1F2F3
Lighter Tint
of Light Gray
#ABB1B5
Darker Shade
of Light Gray
#838B91
Darker Shade
of Light Gray
#5D6569
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#BFBFC0
Silver
10.2% Gray
Web Formats
HEX#BFBFC0
RGB191,191,192
HSLhsl(240, 1%, 75%)
HWBhwb(240, 75%, 25%)
Print & Design
CMYKcmyk(1%, 1%, 0%, 25%)
HSVhsv(240, 1%, 75%)
Perceptual (Color Science)
LABlab(77.37, 0.19, -0.5)
LCHlch(77.37, 0.54, 290.2°)
XYZxyz(49.63, 52.14, 57.31)
OKLaboklab(0.805, 0.0004, -0.0013)
Accessibility (WCAG 2.1)
Aa
On White
1.84:1
Fail
Aa
On Black
11.43:1
AAA Pass
Aa
White on Color
1.84:1
Fail
Aa
Black on Color
11.43:1
AAA Pass
52.1%
Relative Luminance
0.5214
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
#C0C0BF
Complementary
of Silver
#BFBFC0
Analogous
of Silver
#BFBFC0
Analogous
of Silver
#E5E5E6
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#98989A
Darker Shade
of Silver
#727274
Darker Shade
of Silver
#4C4C4D
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#A7A6A7
Dark Gray
9.3% Gray
Web Formats
HEX#A7A6A7
RGB167,166,167
HSLhsl(300, 1%, 65%)
HWBhwb(300, 65%, 35%)
Print & Design
CMYKcmyk(0%, 1%, 0%, 35%)
HSVhsv(300, 1%, 65%)
Perceptual (Color Science)
LABlab(68.22, 0.55, -0.39)
LCHlch(68.22, 0.67, 324.5°)
XYZxyz(36.55, 38.28, 42.01)
OKLaboklab(0.7263, 0.0015, -0.001)
Accessibility (WCAG 2.1)
Aa
On White
2.43:1
Fail
Aa
On Black
8.66:1
AAA Pass
Aa
White on Color
2.43:1
Fail
Aa
Black on Color
8.66:1
AAA Pass
38.3%
Relative Luminance
0.3828
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
#A5A7A5
Complementary
of Dark Gray
#A7A5A6
Analogous
of Dark Gray
#A6A5A7
Analogous
of Dark Gray
#CDCBCD
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#817E81
Darker Shade
of Dark Gray
#5A585A
Darker Shade
of Dark Gray
#343234
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#848181
Gray
7.8% Gray
Web Formats
HEX#848181
RGB132,129,129
HSLhsl(0, 1%, 51%)
HWBhwb(0, 51%, 48%)
Print & Design
CMYKcmyk(0%, 2%, 2%, 48%)
HSVhsv(0, 2%, 52%)
Perceptual (Color Science)
LABlab(54.23, 1.12, 0.4)
LCHlch(54.23, 1.19, 19.5°)
XYZxyz(21.33, 22.19, 23.92)
OKLaboklab(0.6058, 0.0035, 0.0011)
Accessibility (WCAG 2.1)
Aa
On White
3.86:1
Large Only
Aa
On Black
5.44:1
AA Pass
Aa
White on Color
3.86:1
Large Only
Aa
Black on Color
5.44:1
AA Pass
22.2%
Relative Luminance
0.2219
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
#818383
Complementary
of Gray
#838281
Analogous
of Gray
#838182
Analogous
of Gray
#A9A7A7
Lighter Tint
of Gray
#CFCECE
Lighter Tint
of Gray
#F2F2F2
Lighter Tint
of Gray
#5D5B5B
Darker Shade
of Gray
#363535
Darker Shade
of Gray
#0F0F0F
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#979595
Light Slate Gray
5.4% Gray
Web Formats
HEX#979595
RGB151,149,149
HSLhsl(0, 1%, 59%)
HWBhwb(0, 58%, 41%)
Print & Design
CMYKcmyk(0%, 1%, 1%, 41%)
HSVhsv(0, 1%, 59%)
Perceptual (Color Science)
LABlab(61.86, 0.73, 0.26)
LCHlch(61.86, 0.77, 19.5°)
XYZxyz(28.93, 30.24, 32.74)
OKLaboklab(0.6715, 0.0022, 0.0007)
Accessibility (WCAG 2.1)
Aa
On White
2.98:1
Fail
Aa
On Black
7.05:1
AAA Pass
Aa
White on Color
2.98:1
Fail
Aa
Black on Color
7.05:1
AAA Pass
30.2%
Relative Luminance
0.3024
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
#959797
Complementary
of Light Slate Gray
#979695
Analogous
of Light Slate Gray
#979596
Analogous
of Light Slate Gray
#BDBCBC
Lighter Tint
of Light Slate Gray
#E3E3E3
Lighter Tint
of Light Slate Gray
#F2F2F2
Lighter Tint
of Light Slate Gray
#716F6F
Darker Shade
of Light Slate Gray
#4B4949
Darker Shade
of Light Slate Gray
#242323
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#656162
Dim Gray
2.6% Gray
Web Formats
HEX#656162
RGB101,97,98
HSLhsl(345, 2%, 39%)
HWBhwb(345, 38%, 60%)
Print & Design
CMYKcmyk(0%, 4%, 3%, 60%)
HSVhsv(345, 4%, 40%)
Perceptual (Color Science)
LABlab(41.53, 1.78, -0)
LCHlch(41.53, 1.78, 359.9°)
XYZxyz(11.85, 12.2, 13.28)
OKLaboklab(0.4966, 0.0053, 0)
Accessibility (WCAG 2.1)
Aa
On White
6.11:1
AA Pass
Aa
On Black
3.44:1
Large Only
Aa
White on Color
6.11:1
AA Pass
Aa
Black on Color
3.44:1
Large Only
12.2%
Relative Luminance
0.1220
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
#616564
Complementary
of Dim Gray
#656261
Analogous
of Dim Gray
#656164
Analogous
of Dim Gray
#8C8789
Lighter Tint
of Dim Gray
#B2AEAF
Lighter Tint
of Dim Gray
#D7D5D6
Lighter Tint
of Dim Gray
#3E3C3D
Darker Shade
of Dim Gray
#171617
Darker Shade
of Dim Gray
#0D0C0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#747172
Dim Gray
1.8% Gray
Web Formats
HEX#747172
RGB116,113,114
HSLhsl(340, 1%, 45%)
HWBhwb(340, 44%, 55%)
Print & Design
CMYKcmyk(0%, 3%, 2%, 55%)
HSVhsv(340, 3%, 45%)
Perceptual (Color Science)
LABlab(47.93, 1.35, -0.14)
LCHlch(47.93, 1.36, 353.9°)
XYZxyz(16.14, 16.74, 18.3)
OKLaboklab(0.5516, 0.004, -0.0004)
Accessibility (WCAG 2.1)
Aa
On White
4.83:1
AA Pass
Aa
On Black
4.35:1
Large Only
Aa
White on Color
4.83:1
AA Pass
Aa
Black on Color
4.35:1
Large Only
16.7%
Relative Luminance
0.1674
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
#727473
Complementary
of Dim Gray
#747272
Analogous
of Dim Gray
#747274
Analogous
of Dim Gray
#9A9899
Lighter Tint
of Dim Gray
#C0BFBF
Lighter Tint
of Dim Gray
#E6E5E5
Lighter Tint
of Dim Gray
#4D4C4C
Darker Shade
of Dim Gray
#272626
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue