Jewelry Design Colors

Color Palette • View 3

Modo Snap Hinge — Eyewear

E7E3E0
Copy As
HEX#E7E3E0
RGBrgb(231,227,224)
HSLhsl(26, 13%, 89%)
CMYKcmyk(0%, 2%, 3%, 9%)
Download
SVG PNG
D8D3CF
Copy As
HEX#D8D3CF
RGBrgb(216,211,207)
HSLhsl(27, 10%, 83%)
CMYKcmyk(0%, 2%, 4%, 15%)
Download
SVG PNG
F2EFED
Copy As
HEX#F2EFED
RGBrgb(242,239,237)
HSLhsl(24, 16%, 94%)
CMYKcmyk(0%, 1%, 2%, 5%)
Download
SVG PNG
BBAAA2
Copy As
HEX#BBAAA2
RGBrgb(187,170,162)
HSLhsl(19, 16%, 68%)
CMYKcmyk(0%, 9%, 13%, 27%)
Download
SVG PNG
CABDB6
Copy As
HEX#CABDB6
RGBrgb(202,189,182)
HSLhsl(21, 16%, 75%)
CMYKcmyk(0%, 6%, 10%, 21%)
Download
SVG PNG
786C69
Copy As
HEX#786C69
RGBrgb(120,108,105)
HSLhsl(12, 7%, 44%)
CMYKcmyk(0%, 10%, 13%, 53%)
Download
SVG PNG
978783
Copy As
HEX#978783
RGBrgb(151,135,131)
HSLhsl(12, 9%, 55%)
CMYKcmyk(0%, 11%, 13%, 41%)
Download
SVG PNG
A69A96
Copy As
HEX#A69A96
RGBrgb(166,154,150)
HSLhsl(15, 8%, 62%)
CMYKcmyk(0%, 7%, 10%, 35%)
Download
SVG PNG
#E7E3E0
#D8D3CF
#F2EFED
#BBAAA2
#CABDB6
#786C69
#978783
#A69A96
Modo Snap Hinge - View 3 View 3
Palette extracted from this image

This palette is from

Modo Snap Hinge

Eyewear

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#E7E3E0
Gainsboro
50.0% Gray
Web Formats
HEX#E7E3E0
RGB231,227,224
HSLhsl(26, 13%, 89%)
HWBhwb(26, 88%, 9%)
Print & Design
CMYKcmyk(0%, 2%, 3%, 9%)
HSVhsv(26, 3%, 91%)
Perceptual (Color Science)
LABlab(90.46, 0.82, 1.94)
LCHlch(90.46, 2.11, 67°)
XYZxyz(73.88, 77.31, 81.54)
OKLaboklab(0.9181, 0.003, 0.0051)
Accessibility (WCAG 2.1)
Aa
On White
1.28:1
Fail
Aa
On Black
16.46:1
AAA Pass
Aa
White on Color
1.28:1
Fail
Aa
Black on Color
16.46:1
AAA Pass
77.3%
Relative Luminance
0.7731
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
#DFE3E7
Complementary
of Gainsboro
#E7E6DF
Analogous
of Gainsboro
#E7DFE0
Analogous
of Gainsboro
#F4F2F1
Lighter Tint
of Gainsboro
#F4F2F1
Lighter Tint
of Gainsboro
#F4F2F1
Lighter Tint
of Gainsboro
#C5BCB4
Darker Shade
of Gainsboro
#A49589
Darker Shade
of Gainsboro
#7F6E62
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#D8D3CF
Light Gray
41.5% Gray
Web Formats
HEX#D8D3CF
RGB216,211,207
HSLhsl(27, 10%, 83%)
HWBhwb(27, 81%, 15%)
Print & Design
CMYKcmyk(0%, 2%, 4%, 15%)
HSVhsv(27, 4%, 85%)
Perceptual (Color Science)
LABlab(84.84, 1.01, 2.58)
LCHlch(84.84, 2.77, 68.7°)
XYZxyz(62.87, 65.69, 68.39)
OKLaboklab(0.8697, 0.0037, 0.0068)
Accessibility (WCAG 2.1)
Aa
On White
1.49:1
Fail
Aa
On Black
14.14:1
AAA Pass
Aa
White on Color
1.49:1
Fail
Aa
Black on Color
14.14:1
AAA Pass
65.7%
Relative Luminance
0.6569
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
#CFD4D8
Complementary
of Light Gray
#D8D8CF
Analogous
of Light Gray
#D8CFD0
Analogous
of Light Gray
#F4F2F1
Lighter Tint
of Light Gray
#F4F2F1
Lighter Tint
of Light Gray
#F4F2F1
Lighter Tint
of Light Gray
#B6ADA5
Darker Shade
of Light Gray
#93867B
Darker Shade
of Light Gray
#6B6057
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#F2EFED
Linen
2.6% White
Web Formats
HEX#F2EFED
RGB242,239,237
HSLhsl(24, 16%, 94%)
HWBhwb(24, 93%, 5%)
Print & Design
CMYKcmyk(0%, 1%, 2%, 5%)
HSVhsv(24, 2%, 95%)
Perceptual (Color Science)
LABlab(94.62, 0.65, 1.32)
LCHlch(94.62, 1.47, 63.7°)
XYZxyz(82.77, 86.72, 92.48)
OKLaboklab(0.9539, 0.0023, 0.0035)
Accessibility (WCAG 2.1)
Aa
On White
1.14:1
Fail
Aa
On Black
18.34:1
AAA Pass
Aa
White on Color
1.14:1
Fail
Aa
Black on Color
18.34:1
AAA Pass
86.7%
Relative Luminance
0.8672
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
#EDF0F2
Complementary
of Linen
#F2F2ED
Analogous
of Linen
#F2EDEE
Analogous
of Linen
#F4F2F0
Lighter Tint
of Linen
#F4F2F0
Lighter Tint
of Linen
#F4F2F0
Lighter Tint
of Linen
#D2C8C1
Darker Shade
of Linen
#B2A095
Darker Shade
of Linen
#917969
Darker Shade
of Linen
Linen
Named Color
Discover the Hue
#BBAAA2
Dark Gray
1.5% Gray
Web Formats
HEX#BBAAA2
RGB187,170,162
HSLhsl(19, 16%, 68%)
HWBhwb(19, 64%, 27%)
Print & Design
CMYKcmyk(0%, 9%, 13%, 27%)
HSVhsv(19, 13%, 73%)
Perceptual (Color Science)
LABlab(70.82, 4.77, 6.34)
LCHlch(70.82, 7.93, 53.1°)
XYZxyz(41.39, 41.92, 40.09)
OKLaboklab(0.7502, 0.0156, 0.0167)
Accessibility (WCAG 2.1)
Aa
On White
2.24:1
Fail
Aa
On Black
9.38:1
AAA Pass
Aa
White on Color
2.24:1
Fail
Aa
Black on Color
9.38:1
AAA Pass
41.9%
Relative Luminance
0.4192
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
#A0B2BA
Complementary
of Dark Gray
#BAB6A0
Analogous
of Dark Gray
#BAA0A5
Analogous
of Dark Gray
#DBD1CD
Lighter Tint
of Dark Gray
#F4F2F0
Lighter Tint
of Dark Gray
#F4F2F0
Lighter Tint
of Dark Gray
#9A8074
Darker Shade
of Dark Gray
#705B51
Darker Shade
of Dark Gray
#443731
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#CABDB6
Silver
1.3% Gray
Web Formats
HEX#CABDB6
RGB202,189,182
HSLhsl(21, 16%, 75%)
HWBhwb(21, 71%, 21%)
Print & Design
CMYKcmyk(0%, 6%, 10%, 21%)
HSVhsv(21, 10%, 79%)
Perceptual (Color Science)
LABlab(77.48, 3.37, 5.18)
LCHlch(77.48, 6.18, 56.9°)
XYZxyz(51, 52.33, 51.66)
OKLaboklab(0.8071, 0.0113, 0.0137)
Accessibility (WCAG 2.1)
Aa
On White
1.83:1
Fail
Aa
On Black
11.47:1
AAA Pass
Aa
White on Color
1.83:1
Fail
Aa
Black on Color
11.47:1
AAA Pass
52.3%
Relative Luminance
0.5233
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
#B5C2C9
Complementary
of Silver
#C9C6B5
Analogous
of Silver
#C9B5B8
Analogous
of Silver
#EAE4E1
Lighter Tint
of Silver
#F4F2F0
Lighter Tint
of Silver
#F4F2F0
Lighter Tint
of Silver
#A99489
Darker Shade
of Silver
#856D60
Darker Shade
of Silver
#594940
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#786C69
Dim Gray
1.2% Gray
Web Formats
HEX#786C69
RGB120,108,105
HSLhsl(12, 7%, 44%)
HWBhwb(12, 41%, 53%)
Print & Design
CMYKcmyk(0%, 10%, 13%, 53%)
HSVhsv(12, 13%, 47%)
Perceptual (Color Science)
LABlab(46.63, 4.14, 3.39)
LCHlch(46.63, 5.35, 39.3°)
XYZxyz(15.66, 15.74, 15.57)
OKLaboklab(0.5415, 0.0131, 0.009)
Accessibility (WCAG 2.1)
Aa
On White
5.06:1
AA Pass
Aa
On Black
4.15:1
Large Only
Aa
White on Color
5.06:1
AA Pass
Aa
Black on Color
4.15:1
Large Only
15.7%
Relative Luminance
0.1574
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
#687578
Complementary
of Dim Gray
#787368
Analogous
of Dim Gray
#78686D
Analogous
of Dim Gray
#9E928F
Lighter Tint
of Dim Gray
#C1BAB8
Lighter Tint
of Dim Gray
#E5E2E1
Lighter Tint
of Dim Gray
#4F4745
Darker Shade
of Dim Gray
#262221
Darker Shade
of Dim Gray
#0E0C0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#978783
Gray
1.0% Gray
Web Formats
HEX#978783
RGB151,135,131
HSLhsl(12, 9%, 55%)
HWBhwb(12, 51%, 41%)
Print & Design
CMYKcmyk(0%, 11%, 13%, 41%)
HSVhsv(12, 13%, 59%)
Perceptual (Color Science)
LABlab(57.6, 5.32, 4.35)
LCHlch(57.6, 6.87, 39.3°)
XYZxyz(25.52, 25.55, 25.05)
OKLaboklab(0.6365, 0.0168, 0.0115)
Accessibility (WCAG 2.1)
Aa
On White
3.44:1
Large Only
Aa
On Black
6.11:1
AA Pass
Aa
White on Color
3.44:1
Large Only
Aa
Black on Color
6.11:1
AA Pass
25.6%
Relative Luminance
0.2555
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
#829297
Complementary
of Gray
#979082
Analogous
of Gray
#978288
Analogous
of Gray
#B9AEAC
Lighter Tint
of Gray
#DCD7D5
Lighter Tint
of Gray
#F3F2F1
Lighter Tint
of Gray
#6F605D
Darker Shade
of Gray
#453C3A
Darker Shade
of Gray
#1C1817
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#A69A96
Dark Gray
0.8% Gray
Web Formats
HEX#A69A96
RGB166,154,150
HSLhsl(15, 8%, 62%)
HWBhwb(15, 59%, 35%)
Print & Design
CMYKcmyk(0%, 7%, 10%, 35%)
HSVhsv(15, 10%, 65%)
Perceptual (Color Science)
LABlab(64.5, 3.68, 3.68)
LCHlch(64.5, 5.2, 45°)
XYZxyz(32.79, 33.42, 33.57)
OKLaboklab(0.6954, 0.0119, 0.0097)
Accessibility (WCAG 2.1)
Aa
On White
2.73:1
Fail
Aa
On Black
7.68:1
AAA Pass
Aa
White on Color
2.73:1
Fail
Aa
Black on Color
7.68:1
AAA Pass
33.4%
Relative Luminance
0.3342
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
#96A2A6
Complementary
of Dark Gray
#A6A296
Analogous
of Dark Gray
#A6969A
Analogous
of Dark Gray
#C9C2C0
Lighter Tint
of Dark Gray
#ECEAE9
Lighter Tint
of Dark Gray
#F3F2F1
Lighter Tint
of Dark Gray
#81736E
Darker Shade
of Dark Gray
#584E4B
Darker Shade
of Dark Gray
#2F2A28
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue