Jewelry Design Colors

Color Palette • View 4

Modo Snap Hinge — Eyewear

E7E2DD
Copy As
HEX#E7E2DD
RGBrgb(231,226,221)
HSLhsl(30, 17%, 89%)
CMYKcmyk(0%, 2%, 4%, 9%)
Download
SVG PNG
F3F0EC
Copy As
HEX#F3F0EC
RGBrgb(243,240,236)
HSLhsl(34, 23%, 94%)
CMYKcmyk(0%, 1%, 3%, 5%)
Download
SVG PNG
D5CEC9
Copy As
HEX#D5CEC9
RGBrgb(213,206,201)
HSLhsl(25, 13%, 81%)
CMYKcmyk(0%, 3%, 6%, 16%)
Download
SVG PNG
5F617B
Copy As
HEX#5F617B
RGBrgb(95,97,123)
HSLhsl(236, 13%, 43%)
CMYKcmyk(23%, 21%, 0%, 52%)
Download
SVG PNG
B9B2AF
Copy As
HEX#B9B2AF
RGBrgb(185,178,175)
HSLhsl(18, 7%, 71%)
CMYKcmyk(0%, 4%, 5%, 27%)
Download
SVG PNG
494C64
Copy As
HEX#494C64
RGBrgb(73,76,100)
HSLhsl(233, 16%, 34%)
CMYKcmyk(27%, 24%, 0%, 61%)
Download
SVG PNG
A2978F
Copy As
HEX#A2978F
RGBrgb(162,151,143)
HSLhsl(25, 9%, 60%)
CMYKcmyk(0%, 7%, 12%, 36%)
Download
SVG PNG
7C7C91
Copy As
HEX#7C7C91
RGBrgb(124,124,145)
HSLhsl(240, 9%, 53%)
CMYKcmyk(14%, 14%, 0%, 43%)
Download
SVG PNG
#E7E2DD
#F3F0EC
#D5CEC9
#5F617B
#B9B2AF
#494C64
#A2978F
#7C7C91
Modo Snap Hinge - View 4 View 4
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.
#E7E2DD
Gainsboro
50.8% Gray
Web Formats
HEX#E7E2DD
RGB231,226,221
HSLhsl(30, 17%, 89%)
HWBhwb(30, 87%, 9%)
Print & Design
CMYKcmyk(0%, 2%, 4%, 9%)
HSVhsv(30, 4%, 91%)
Perceptual (Color Science)
LABlab(90.14, 0.82, 3.04)
LCHlch(90.14, 3.15, 74.9°)
XYZxyz(73.2, 76.6, 79.32)
OKLaboklab(0.9153, 0.0033, 0.008)
Accessibility (WCAG 2.1)
Aa
On White
1.29:1
Fail
Aa
On Black
16.32:1
AAA Pass
Aa
White on Color
1.29:1
Fail
Aa
Black on Color
16.32:1
AAA Pass
76.6%
Relative Luminance
0.7660
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
#DEE3E8
Complementary
of Gainsboro
#E8E8DE
Analogous
of Gainsboro
#E8DEDE
Analogous
of Gainsboro
#F4F2F0
Lighter Tint
of Gainsboro
#F4F2F0
Lighter Tint
of Gainsboro
#F4F2F0
Lighter Tint
of Gainsboro
#C8BDB1
Darker Shade
of Gainsboro
#A89685
Darker Shade
of Gainsboro
#83705D
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#F3F0EC
Linen
33.9% White
Web Formats
HEX#F3F0EC
RGB243,240,236
HSLhsl(34, 23%, 94%)
HWBhwb(34, 93%, 5%)
Print & Design
CMYKcmyk(0%, 1%, 3%, 5%)
HSVhsv(34, 3%, 95%)
Perceptual (Color Science)
LABlab(94.92, 0.31, 2.28)
LCHlch(94.92, 2.3, 82.4°)
XYZxyz(83.26, 87.43, 91.83)
OKLaboklab(0.9563, 0.0016, 0.006)
Accessibility (WCAG 2.1)
Aa
On White
1.14:1
Fail
Aa
On Black
18.49:1
AAA Pass
Aa
White on Color
1.14:1
Fail
Aa
Black on Color
18.49:1
AAA Pass
87.4%
Relative Luminance
0.8743
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
#ECEFF3
Complementary
of Linen
#F3F3EC
Analogous
of Linen
#F3EDEC
Analogous
of Linen
#F5F3EF
Lighter Tint
of Linen
#F5F3EF
Lighter Tint
of Linen
#F5F3EF
Lighter Tint
of Linen
#D6CBBD
Darker Shade
of Linen
#B8A68E
Darker Shade
of Linen
#9A8160
Darker Shade
of Linen
Linen
Named Color
Discover the Hue
#D5CEC9
Light Gray
6.4% Gray
Web Formats
HEX#D5CEC9
RGB213,206,201
HSLhsl(25, 13%, 81%)
HWBhwb(25, 79%, 16%)
Print & Design
CMYKcmyk(0%, 3%, 6%, 16%)
HSVhsv(25, 6%, 84%)
Perceptual (Color Science)
LABlab(83.18, 1.54, 3.34)
LCHlch(83.18, 3.68, 65.3°)
XYZxyz(60.05, 62.51, 64.15)
OKLaboklab(0.8556, 0.0055, 0.0088)
Accessibility (WCAG 2.1)
Aa
On White
1.56:1
Fail
Aa
On Black
13.50:1
AAA Pass
Aa
White on Color
1.56:1
Fail
Aa
Black on Color
13.50:1
AAA Pass
62.5%
Relative Luminance
0.6251
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
#C8D0D5
Complementary
of Light Gray
#D5D4C8
Analogous
of Light Gray
#D5C8C9
Analogous
of Light Gray
#F4F2F1
Lighter Tint
of Light Gray
#F4F2F1
Lighter Tint
of Light Gray
#F4F2F1
Lighter Tint
of Light Gray
#B4A69D
Darker Shade
of Light Gray
#927F72
Darker Shade
of Light Gray
#685A50
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#5F617B
Dim Gray
3.4% Gray
Web Formats
HEX#5F617B
RGB95,97,123
HSLhsl(236, 13%, 43%)
HWBhwb(236, 37%, 52%)
Print & Design
CMYKcmyk(23%, 21%, 0%, 52%)
HSVhsv(236, 23%, 48%)
Perceptual (Color Science)
LABlab(41.86, 5.32, -14.81)
LCHlch(41.86, 15.73, 289.8°)
XYZxyz(12.57, 12.41, 20.47)
OKLaboklab(0.5008, 0.0081, -0.0405)
Accessibility (WCAG 2.1)
Aa
On White
6.03:1
AA Pass
Aa
On Black
3.48:1
Large Only
Aa
White on Color
6.03:1
AA Pass
Aa
Black on Color
3.48:1
Large Only
12.4%
Relative Luminance
0.1241
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
#7C7A5F
Complementary
of Dim Gray
#6C5F7C
Analogous
of Dim Gray
#5F707C
Analogous
of Dim Gray
#8688A2
Lighter Tint
of Dim Gray
#B1B2C3
Lighter Tint
of Dim Gray
#DCDDE4
Lighter Tint
of Dim Gray
#3E3F51
Darker Shade
of Dim Gray
#1D1D25
Darker Shade
of Dim Gray
#0B0B0E
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#B9B2AF
Dark Gray
1.9% Gray
Web Formats
HEX#B9B2AF
RGB185,178,175
HSLhsl(18, 7%, 71%)
HWBhwb(18, 69%, 27%)
Print & Design
CMYKcmyk(0%, 4%, 5%, 27%)
HSVhsv(18, 5%, 73%)
Perceptual (Color Science)
LABlab(73.06, 1.94, 2.41)
LCHlch(73.06, 3.1, 51.2°)
XYZxyz(43.66, 45.25, 46.98)
OKLaboklab(0.7685, 0.0064, 0.0064)
Accessibility (WCAG 2.1)
Aa
On White
2.09:1
Fail
Aa
On Black
10.05:1
AAA Pass
Aa
White on Color
2.09:1
Fail
Aa
Black on Color
10.05:1
AAA Pass
45.3%
Relative Luminance
0.4525
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
#B0B7BA
Complementary
of Dark Gray
#BAB8B0
Analogous
of Dark Gray
#BAB0B2
Analogous
of Dark Gray
#DEDAD9
Lighter Tint
of Dark Gray
#F3F2F1
Lighter Tint
of Dark Gray
#F3F2F1
Lighter Tint
of Dark Gray
#978C87
Darker Shade
of Dark Gray
#706661
Darker Shade
of Dark Gray
#47403E
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#494C64
Dark Slate Gray
1.6% Gray
Web Formats
HEX#494C64
RGB73,76,100
HSLhsl(233, 16%, 34%)
HWBhwb(233, 29%, 61%)
Print & Design
CMYKcmyk(27%, 24%, 0%, 61%)
HSVhsv(233, 27%, 39%)
Perceptual (Color Science)
LABlab(32.93, 4.8, -14.37)
LCHlch(32.93, 15.15, 288.5°)
XYZxyz(7.63, 7.51, 13.1)
OKLaboklab(0.4236, 0.0063, -0.0395)
Accessibility (WCAG 2.1)
Aa
On White
8.40:1
AAA Pass
Aa
On Black
2.50:1
Fail
Aa
White on Color
8.40:1
AAA Pass
Aa
Black on Color
2.50:1
Fail
7.5%
Relative Luminance
0.0751
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
#656149
Complementary
of Dark Slate Gray
#534965
Analogous
of Dark Slate Gray
#495A65
Analogous
of Dark Slate Gray
#696E91
Lighter Tint
of Dark Slate Gray
#9598B2
Lighter Tint
of Dark Slate Gray
#C1C3D2
Lighter Tint
of Dark Slate Gray
#292B38
Darker Shade
of Dark Slate Gray
#0B0B0F
Darker Shade
of Dark Slate Gray
#0B0B0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#A2978F
Rosy Brown
0.9% Brown
Web Formats
HEX#A2978F
RGB162,151,143
HSLhsl(25, 9%, 60%)
HWBhwb(25, 56%, 36%)
Print & Design
CMYKcmyk(0%, 7%, 12%, 36%)
HSVhsv(25, 12%, 64%)
Perceptual (Color Science)
LABlab(63.18, 2.62, 5.66)
LCHlch(63.18, 6.24, 65.2°)
XYZxyz(30.92, 31.8, 30.49)
OKLaboklab(0.6836, 0.0091, 0.0149)
Accessibility (WCAG 2.1)
Aa
On White
2.85:1
Fail
Aa
On Black
7.36:1
AAA Pass
Aa
White on Color
2.85:1
Fail
Aa
Black on Color
7.36:1
AAA Pass
31.8%
Relative Luminance
0.3180
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
#909BA2
Complementary
of Rosy Brown
#A2A190
Analogous
of Rosy Brown
#A29091
Analogous
of Rosy Brown
#C5BEBA
Lighter Tint
of Rosy Brown
#E8E5E3
Lighter Tint
of Rosy Brown
#F3F2F1
Lighter Tint
of Rosy Brown
#7D7168
Darker Shade
of Rosy Brown
#534B46
Darker Shade
of Rosy Brown
#2A2623
Darker Shade
of Rosy Brown
Rosy Brown
Named Color
Discover the Hue
#7C7C91
Slate Gray
1.0% Gray
Web Formats
HEX#7C7C91
RGB124,124,145
HSLhsl(240, 9%, 53%)
HWBhwb(240, 49%, 43%)
Print & Design
CMYKcmyk(14%, 14%, 0%, 43%)
HSVhsv(240, 14%, 57%)
Perceptual (Color Science)
LABlab(52.67, 4.5, -11.31)
LCHlch(52.67, 12.17, 291.7°)
XYZxyz(20.63, 20.74, 29.7)
OKLaboklab(0.5936, 0.0084, -0.0306)
Accessibility (WCAG 2.1)
Aa
On White
4.08:1
Large Only
Aa
On Black
5.15:1
AA Pass
Aa
White on Color
4.08:1
Large Only
Aa
Black on Color
5.15:1
AA Pass
20.7%
Relative Luminance
0.2074
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
#92927C
Complementary
of Slate Gray
#877C92
Analogous
of Slate Gray
#7C8792
Analogous
of Slate Gray
#A6A6B5
Lighter Tint
of Slate Gray
#D0D0D8
Lighter Tint
of Slate Gray
#F1F1F3
Lighter Tint
of Slate Gray
#58586A
Darker Shade
of Slate Gray
#353540
Darker Shade
of Slate Gray
#131316
Darker Shade
of Slate Gray
Slate Gray
Named Color
Discover the Hue