Jewelry Design Colors

Color Palette • View 2

Modo Snap Hinge — Eyewear

F7F7F5
Copy As
HEX#F7F7F5
RGBrgb(247,247,245)
HSLhsl(60, 11%, 96%)
CMYKcmyk(0%, 0%, 1%, 3%)
Download
SVG PNG
D1CBC5
Copy As
HEX#D1CBC5
RGBrgb(209,203,197)
HSLhsl(30, 12%, 80%)
CMYKcmyk(0%, 3%, 6%, 18%)
Download
SVG PNG
A79D97
Copy As
HEX#A79D97
RGBrgb(167,157,151)
HSLhsl(23, 8%, 62%)
CMYKcmyk(0%, 6%, 10%, 35%)
Download
SVG PNG
6B635F
Copy As
HEX#6B635F
RGBrgb(107,99,95)
HSLhsl(20, 6%, 40%)
CMYKcmyk(0%, 7%, 11%, 58%)
Download
SVG PNG
BAB1AC
Copy As
HEX#BAB1AC
RGBrgb(186,177,172)
HSLhsl(21, 9%, 70%)
CMYKcmyk(0%, 5%, 8%, 27%)
Download
SVG PNG
0B0705
Copy As
HEX#0B0705
RGBrgb(11,7,5)
HSLhsl(20, 38%, 3%)
CMYKcmyk(0%, 36%, 55%, 96%)
Download
SVG PNG
807571
Copy As
HEX#807571
RGBrgb(128,117,113)
HSLhsl(16, 6%, 47%)
CMYKcmyk(0%, 9%, 12%, 50%)
Download
SVG PNG
918681
Copy As
HEX#918681
RGBrgb(145,134,129)
HSLhsl(19, 7%, 54%)
CMYKcmyk(0%, 8%, 11%, 43%)
Download
SVG PNG
#F7F7F5
#D1CBC5
#A79D97
#6B635F
#BAB1AC
#0B0705
#807571
#918681
Modo Snap Hinge - View 2 View 2
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.
#F7F7F5
White Smoke
84.1% White
Web Formats
HEX#F7F7F5
RGB247,247,245
HSLhsl(60, 11%, 96%)
HWBhwb(60, 96%, 3%)
Print & Design
CMYKcmyk(0%, 0%, 1%, 3%)
HSVhsv(60, 1%, 97%)
Perceptual (Color Science)
LABlab(97.18, -0.35, 0.96)
LCHlch(97.18, 1.02, 110.1°)
XYZxyz(88.1, 92.89, 99.66)
OKLaboklab(0.9756, -0.0007, 0.0025)
Accessibility (WCAG 2.1)
Aa
On White
1.07:1
Fail
Aa
On Black
19.58:1
AAA Pass
Aa
White on Color
1.07:1
Fail
Aa
Black on Color
19.58:1
AAA Pass
92.9%
Relative Luminance
0.9289
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
#F4F4F6
Complementary
of White Smoke
#F5F6F4
Analogous
of White Smoke
#F6F5F4
Analogous
of White Smoke
#F4F4F1
Lighter Tint
of White Smoke
#F4F4F1
Lighter Tint
of White Smoke
#F4F4F1
Lighter Tint
of White Smoke
#D4D4C9
Darker Shade
of White Smoke
#B2B29F
Darker Shade
of White Smoke
#909074
Darker Shade
of White Smoke
White Smoke
Named Color
Discover the Hue
#D1CBC5
Light Gray
4.8% Gray
Web Formats
HEX#D1CBC5
RGB209,203,197
HSLhsl(30, 12%, 80%)
HWBhwb(30, 77%, 18%)
Print & Design
CMYKcmyk(0%, 3%, 6%, 18%)
HSVhsv(30, 6%, 82%)
Perceptual (Color Science)
LABlab(82, 1.02, 3.72)
LCHlch(82, 3.86, 74.7°)
XYZxyz(57.73, 60.3, 61.41)
OKLaboklab(0.8452, 0.004, 0.0098)
Accessibility (WCAG 2.1)
Aa
On White
1.61:1
Fail
Aa
On Black
13.06:1
AAA Pass
Aa
White on Color
1.61:1
Fail
Aa
Black on Color
13.06:1
AAA Pass
60.3%
Relative Luminance
0.6030
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
#C6CCD2
Complementary
of Light Gray
#D2D2C6
Analogous
of Light Gray
#D2C6C6
Analogous
of Light Gray
#F4F2F1
Lighter Tint
of Light Gray
#F4F2F1
Lighter Tint
of Light Gray
#F4F2F1
Lighter Tint
of Light Gray
#B0A69B
Darker Shade
of Light Gray
#8F8070
Darker Shade
of Light Gray
#64594F
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#A79D97
Dark Gray
2.2% Gray
Web Formats
HEX#A79D97
RGB167,157,151
HSLhsl(23, 8%, 62%)
HWBhwb(23, 59%, 35%)
Print & Design
CMYKcmyk(0%, 6%, 10%, 35%)
HSVhsv(23, 10%, 65%)
Perceptual (Color Science)
LABlab(65.41, 2.57, 4.44)
LCHlch(65.41, 5.13, 60°)
XYZxyz(33.58, 34.56, 34.17)
OKLaboklab(0.7028, 0.0087, 0.0117)
Accessibility (WCAG 2.1)
Aa
On White
2.65:1
Fail
Aa
On Black
7.91:1
AAA Pass
Aa
White on Color
2.65:1
Fail
Aa
Black on Color
7.91:1
AAA Pass
34.6%
Relative Luminance
0.3456
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
#96A0A6
Complementary
of Dark Gray
#A6A496
Analogous
of Dark Gray
#A69698
Analogous
of Dark Gray
#C9C3C0
Lighter Tint
of Dark Gray
#ECEAE9
Lighter Tint
of Dark Gray
#F3F2F1
Lighter Tint
of Dark Gray
#81766E
Darker Shade
of Dark Gray
#58504B
Darker Shade
of Dark Gray
#2F2B28
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#6B635F
Dim Gray
1.9% Gray
Web Formats
HEX#6B635F
RGB107,99,95
HSLhsl(20, 6%, 40%)
HWBhwb(20, 37%, 58%)
Print & Design
CMYKcmyk(0%, 7%, 11%, 58%)
HSVhsv(20, 11%, 42%)
Perceptual (Color Science)
LABlab(42.58, 2.4, 3.41)
LCHlch(42.58, 4.17, 54.9°)
XYZxyz(12.59, 12.88, 12.65)
OKLaboklab(0.5059, 0.008, 0.009)
Accessibility (WCAG 2.1)
Aa
On White
5.87:1
AA Pass
Aa
On Black
3.58:1
Large Only
Aa
White on Color
5.87:1
AA Pass
Aa
Black on Color
3.58:1
Large Only
12.9%
Relative Luminance
0.1288
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
#60686C
Complementary
of Dim Gray
#6C6A60
Analogous
of Dim Gray
#6C6062
Analogous
of Dim Gray
#938A85
Lighter Tint
of Dim Gray
#B7B1AE
Lighter Tint
of Dim Gray
#DBD8D6
Lighter Tint
of Dim Gray
#443E3C
Darker Shade
of Dim Gray
#1B1918
Darker Shade
of Dim Gray
#0E0C0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#BAB1AC
Dark Gray
1.9% Gray
Web Formats
HEX#BAB1AC
RGB186,177,172
HSLhsl(21, 9%, 70%)
HWBhwb(21, 67%, 27%)
Print & Design
CMYKcmyk(0%, 5%, 8%, 27%)
HSVhsv(21, 8%, 73%)
Perceptual (Color Science)
LABlab(72.8, 2.31, 3.7)
LCHlch(72.8, 4.36, 58°)
XYZxyz(43.42, 44.86, 45.39)
OKLaboklab(0.7664, 0.0078, 0.0098)
Accessibility (WCAG 2.1)
Aa
On White
2.11:1
Fail
Aa
On Black
9.97:1
AAA Pass
Aa
White on Color
2.11:1
Fail
Aa
Black on Color
9.97:1
AAA Pass
44.9%
Relative Luminance
0.4486
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
#ACB5B9
Complementary
of Dark Gray
#B9B7AC
Analogous
of Dark Gray
#B9ACAE
Analogous
of Dark Gray
#DCD8D5
Lighter Tint
of Dark Gray
#F3F2F1
Lighter Tint
of Dark Gray
#F3F2F1
Lighter Tint
of Dark Gray
#978982
Darker Shade
of Dark Gray
#6F635D
Darker Shade
of Dark Gray
#453E3A
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#0B0705
Black
1.7% Black
Web Formats
HEX#0B0705
RGB11,7,5
HSLhsl(20, 38%, 3%)
HWBhwb(20, 2%, 96%)
Print & Design
CMYKcmyk(0%, 36%, 55%, 96%)
HSVhsv(20, 55%, 4%)
Perceptual (Color Science)
LABlab(2.11, 0.77, 1.13)
LCHlch(2.11, 1.37, 55.5°)
XYZxyz(0.24, 0.23, 0.18)
OKLaboklab(0.1335, 0.0058, 0.0079)
Accessibility (WCAG 2.1)
Aa
On White
20.06:1
AAA Pass
Aa
On Black
1.05:1
Fail
Aa
White on Color
20.06:1
AAA Pass
Aa
Black on Color
1.05:1
Fail
0.2%
Relative Luminance
0.0023
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
#05090B
Complementary
of Black
#0B0A05
Analogous
of Black
#0B0506
Analogous
of Black
#3F281C
Lighter Tint
of Black
#744934
Lighter Tint
of Black
#A96B4C
Lighter Tint
of Black
#120B08
Darker Shade
of Black
#120B08
Darker Shade
of Black
#120B08
Darker Shade
of Black
Black
Named Color
Discover the Hue
#807571
Gray
1.8% Gray
Web Formats
HEX#807571
RGB128,117,113
HSLhsl(16, 6%, 47%)
HWBhwb(16, 44%, 50%)
Print & Design
CMYKcmyk(0%, 9%, 12%, 50%)
HSVhsv(16, 12%, 50%)
Perceptual (Color Science)
LABlab(50.1, 3.5, 3.74)
LCHlch(50.1, 5.12, 46.9°)
XYZxyz(18.24, 18.5, 18.23)
OKLaboklab(0.5712, 0.0113, 0.0099)
Accessibility (WCAG 2.1)
Aa
On White
4.47:1
Large Only
Aa
On Black
4.70:1
AA Pass
Aa
White on Color
4.47:1
Large Only
Aa
Black on Color
4.70:1
AA Pass
18.5%
Relative Luminance
0.1850
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
#717B7F
Complementary
of Gray
#7F7C71
Analogous
of Gray
#7F7174
Analogous
of Gray
#A49B98
Lighter Tint
of Gray
#C8C3C1
Lighter Tint
of Gray
#ECEAE9
Lighter Tint
of Gray
#564F4D
Darker Shade
of Gray
#2E2A29
Darker Shade
of Gray
#0E0C0C
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#918681
Gray
1.6% Gray
Web Formats
HEX#918681
RGB145,134,129
HSLhsl(19, 7%, 54%)
HWBhwb(19, 51%, 43%)
Print & Design
CMYKcmyk(0%, 8%, 11%, 43%)
HSVhsv(19, 11%, 57%)
Perceptual (Color Science)
LABlab(56.74, 3.22, 4.18)
LCHlch(56.74, 5.28, 52.4°)
XYZxyz(24.16, 24.66, 24.25)
OKLaboklab(0.6283, 0.0106, 0.011)
Accessibility (WCAG 2.1)
Aa
On White
3.54:1
Large Only
Aa
On Black
5.93:1
AA Pass
Aa
White on Color
3.54:1
Large Only
Aa
Black on Color
5.93:1
AA Pass
24.7%
Relative Luminance
0.2465
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
#818D92
Complementary
of Gray
#928F81
Analogous
of Gray
#928184
Analogous
of Gray
#B5AEAA
Lighter Tint
of Gray
#D9D5D3
Lighter Tint
of Gray
#F3F2F1
Lighter Tint
of Gray
#6A615C
Darker Shade
of Gray
#413C39
Darker Shade
of Gray
#191615
Darker Shade
of Gray
Gray
Named Color
Discover the Hue