Jewelry Design Colors

Color Palette • View 5

Orbit A Collection — Jewelry

E5E3E2
Copy As
HEX#E5E3E2
RGBrgb(229,227,226)
HSLhsl(20, 5%, 89%)
CMYKcmyk(0%, 1%, 1%, 10%)
Download
SVG PNG
BCBDBB
Copy As
HEX#BCBDBB
RGBrgb(188,189,187)
HSLhsl(90, 1%, 74%)
CMYKcmyk(1%, 0%, 1%, 26%)
Download
SVG PNG
D1D0CF
Copy As
HEX#D1D0CF
RGBrgb(209,208,207)
HSLhsl(30, 2%, 82%)
CMYKcmyk(0%, 0%, 1%, 18%)
Download
SVG PNG
A8A9A7
Copy As
HEX#A8A9A7
RGBrgb(168,169,167)
HSLhsl(90, 1%, 66%)
CMYKcmyk(1%, 0%, 1%, 34%)
Download
SVG PNG
939594
Copy As
HEX#939594
RGBrgb(147,149,148)
HSLhsl(150, 1%, 58%)
CMYKcmyk(1%, 0%, 1%, 42%)
Download
SVG PNG
F2F2F0
Copy As
HEX#F2F2F0
RGBrgb(242,242,240)
HSLhsl(60, 7%, 95%)
CMYKcmyk(0%, 0%, 1%, 5%)
Download
SVG PNG
7F8281
Copy As
HEX#7F8281
RGBrgb(127,130,129)
HSLhsl(160, 1%, 50%)
CMYKcmyk(2%, 0%, 1%, 49%)
Download
SVG PNG
6A6D6D
Copy As
HEX#6A6D6D
RGBrgb(106,109,109)
HSLhsl(180, 1%, 42%)
CMYKcmyk(3%, 0%, 0%, 57%)
Download
SVG PNG
#E5E3E2
#BCBDBB
#D1D0CF
#A8A9A7
#939594
#F2F2F0
#7F8281
#6A6D6D
Orbit A Collection - View 5 View 5
Palette extracted from this image

This palette is from

Orbit A Collection

Jewelry

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#E5E3E2
Gainsboro
30.4% Gray
Web Formats
HEX#E5E3E2
RGB229,227,226
HSLhsl(20, 5%, 89%)
HWBhwb(20, 89%, 10%)
Print & Design
CMYKcmyk(0%, 1%, 1%, 10%)
HSVhsv(20, 1%, 90%)
Perceptual (Color Science)
LABlab(90.36, 0.5, 0.72)
LCHlch(90.36, 0.88, 55.6°)
XYZxyz(73.51, 77.09, 82.94)
OKLaboklab(0.9171, 0.0017, 0.0019)
Accessibility (WCAG 2.1)
Aa
On White
1.28:1
Fail
Aa
On Black
16.42:1
AAA Pass
Aa
White on Color
1.28:1
Fail
Aa
Black on Color
16.42:1
AAA Pass
77.1%
Relative Luminance
0.7709
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
#E2E3E4
Complementary
of Gainsboro
#E4E4E2
Analogous
of Gainsboro
#E4E2E2
Analogous
of Gainsboro
#F3F2F2
Lighter Tint
of Gainsboro
#F3F2F2
Lighter Tint
of Gainsboro
#F3F2F2
Lighter Tint
of Gainsboro
#C0BCB9
Darker Shade
of Gainsboro
#9C9591
Darker Shade
of Gainsboro
#766E6B
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#BCBDBB
Silver
23.8% Gray
Web Formats
HEX#BCBDBB
RGB188,189,187
HSLhsl(90, 1%, 74%)
HWBhwb(90, 73%, 26%)
Print & Design
CMYKcmyk(1%, 0%, 1%, 26%)
HSVhsv(90, 1%, 74%)
Perceptual (Color Science)
LABlab(76.48, -0.72, 0.89)
LCHlch(76.48, 1.14, 129°)
XYZxyz(47.9, 50.67, 54.26)
OKLaboklab(0.797, -0.0019, 0.0023)
Accessibility (WCAG 2.1)
Aa
On White
1.89:1
Fail
Aa
On Black
11.13:1
AAA Pass
Aa
White on Color
1.89:1
Fail
Aa
Black on Color
11.13:1
AAA Pass
50.7%
Relative Luminance
0.5067
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
#BDBCBD
Complementary
of Silver
#BCBDBC
Analogous
of Silver
#BDBDBC
Analogous
of Silver
#E3E3E3
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#969795
Darker Shade
of Silver
#70716F
Darker Shade
of Silver
#4A4B49
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#D1D0CF
Light Gray
14.6% Gray
Web Formats
HEX#D1D0CF
RGB209,208,207
HSLhsl(30, 2%, 82%)
HWBhwb(30, 81%, 18%)
Print & Design
CMYKcmyk(0%, 0%, 1%, 18%)
HSVhsv(30, 1%, 82%)
Perceptual (Color Science)
LABlab(83.53, 0.16, 0.62)
LCHlch(83.53, 0.64, 75.3°)
XYZxyz(60.11, 63.17, 68.05)
OKLaboklab(0.8581, 0.0007, 0.0016)
Accessibility (WCAG 2.1)
Aa
On White
1.54:1
Fail
Aa
On Black
13.63:1
AAA Pass
Aa
White on Color
1.54:1
Fail
Aa
Black on Color
13.63:1
AAA Pass
63.2%
Relative Luminance
0.6317
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
#D0D1D2
Complementary
of Light Gray
#D2D2D0
Analogous
of Light Gray
#D2D0D0
Analogous
of Light Gray
#F3F2F2
Lighter Tint
of Light Gray
#F3F2F2
Lighter Tint
of Light Gray
#F3F2F2
Lighter Tint
of Light Gray
#ADABA9
Darker Shade
of Light Gray
#878582
Darker Shade
of Light Gray
#605E5C
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#A8A9A7
Dark Gray
11.4% Gray
Web Formats
HEX#A8A9A7
RGB168,169,167
HSLhsl(90, 1%, 66%)
HWBhwb(90, 65%, 34%)
Print & Design
CMYKcmyk(1%, 0%, 1%, 34%)
HSVhsv(90, 1%, 66%)
Perceptual (Color Science)
LABlab(69.11, -0.73, 0.9)
LCHlch(69.11, 1.16, 129°)
XYZxyz(37.31, 39.49, 42.21)
OKLaboklab(0.7334, -0.0019, 0.0024)
Accessibility (WCAG 2.1)
Aa
On White
2.36:1
Fail
Aa
On Black
8.90:1
AAA Pass
Aa
White on Color
2.36:1
Fail
Aa
Black on Color
8.90:1
AAA Pass
39.5%
Relative Luminance
0.3949
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
#A8A7A9
Complementary
of Dark Gray
#A7A9A7
Analogous
of Dark Gray
#A9A9A7
Analogous
of Dark Gray
#CFCFCE
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#828381
Darker Shade
of Dark Gray
#5C5D5B
Darker Shade
of Dark Gray
#363635
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#939594
Light Slate Gray
7.0% Gray
Web Formats
HEX#939594
RGB147,149,148
HSLhsl(150, 1%, 58%)
HWBhwb(150, 58%, 42%)
Print & Design
CMYKcmyk(1%, 0%, 1%, 42%)
HSVhsv(150, 1%, 58%)
Perceptual (Color Science)
LABlab(61.51, -0.92, 0.27)
LCHlch(61.51, 0.96, 163.5°)
XYZxyz(28.12, 29.84, 32.29)
OKLaboklab(0.6679, -0.0026, 0.0007)
Accessibility (WCAG 2.1)
Aa
On White
3.01:1
Large Only
Aa
On Black
6.97:1
AA Pass
Aa
White on Color
3.01:1
Large Only
Aa
Black on Color
6.97:1
AA Pass
29.8%
Relative Luminance
0.2984
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
#959394
Complementary
of Light Slate Gray
#939595
Analogous
of Light Slate Gray
#939593
Analogous
of Light Slate Gray
#B9BBBA
Lighter Tint
of Light Slate Gray
#E0E1E0
Lighter Tint
of Light Slate Gray
#F2F2F2
Lighter Tint
of Light Slate Gray
#6D6F6E
Darker Shade
of Light Slate Gray
#474847
Darker Shade
of Light Slate Gray
#212121
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#F2F2F0
White Smoke
6.6% White
Web Formats
HEX#F2F2F0
RGB242,242,240
HSLhsl(60, 7%, 95%)
HWBhwb(60, 94%, 5%)
Print & Design
CMYKcmyk(0%, 0%, 1%, 5%)
HSVhsv(60, 1%, 95%)
Perceptual (Color Science)
LABlab(95.44, -0.35, 0.96)
LCHlch(95.44, 1.02, 110.1°)
XYZxyz(84.1, 88.67, 95.11)
OKLaboklab(0.9606, -0.0008, 0.0025)
Accessibility (WCAG 2.1)
Aa
On White
1.12:1
Fail
Aa
On Black
18.73:1
AAA Pass
Aa
White on Color
1.12:1
Fail
Aa
Black on Color
18.73:1
AAA Pass
88.7%
Relative Luminance
0.8867
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
#F1F1F3
Complementary
of White Smoke
#F2F3F1
Analogous
of White Smoke
#F3F2F1
Analogous
of White Smoke
#F3F3F1
Lighter Tint
of White Smoke
#F3F3F1
Lighter Tint
of White Smoke
#F3F3F1
Lighter Tint
of White Smoke
#D0D0C8
Darker Shade
of White Smoke
#ACACA0
Darker Shade
of White Smoke
#888877
Darker Shade
of White Smoke
White Smoke
Named Color
Discover the Hue
#7F8281
Gray
3.9% Gray
Web Formats
HEX#7F8281
RGB127,130,129
HSLhsl(160, 1%, 50%)
HWBhwb(160, 50%, 49%)
Print & Design
CMYKcmyk(2%, 0%, 1%, 49%)
HSVhsv(160, 2%, 51%)
Perceptual (Color Science)
LABlab(54.09, -1.32, 0.15)
LCHlch(54.09, 1.32, 173.5°)
XYZxyz(20.7, 22.06, 23.93)
OKLaboklab(0.6038, -0.0039, 0.0004)
Accessibility (WCAG 2.1)
Aa
On White
3.88:1
Large Only
Aa
On Black
5.41:1
AA Pass
Aa
White on Color
3.88:1
Large Only
Aa
Black on Color
5.41:1
AA Pass
22.1%
Relative Luminance
0.2206
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
#817E7F
Complementary
of Gray
#7E8081
Analogous
of Gray
#7E817F
Analogous
of Gray
#A5A7A6
Lighter Tint
of Gray
#CBCDCC
Lighter Tint
of Gray
#F2F2F2
Lighter Tint
of Gray
#585A5A
Darker Shade
of Gray
#323433
Darker Shade
of Gray
#0D0D0D
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#6A6D6D
Dim Gray
2.2% Gray
Web Formats
HEX#6A6D6D
RGB106,109,109
HSLhsl(180, 1%, 42%)
HWBhwb(180, 42%, 57%)
Print & Design
CMYKcmyk(3%, 0%, 0%, 57%)
HSVhsv(180, 3%, 43%)
Perceptual (Color Science)
LABlab(45.78, -1.15, -0.4)
LCHlch(45.78, 1.22, 199.3°)
XYZxyz(14.17, 15.11, 16.63)
OKLaboklab(0.5321, -0.0035, -0.0011)
Accessibility (WCAG 2.1)
Aa
On White
5.22:1
AA Pass
Aa
On Black
4.02:1
Large Only
Aa
White on Color
5.22:1
AA Pass
Aa
Black on Color
4.02:1
Large Only
15.1%
Relative Luminance
0.1511
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
#6C6A6A
Complementary
of Dim Gray
#6A6B6C
Analogous
of Dim Gray
#6A6C6B
Analogous
of Dim Gray
#909292
Lighter Tint
of Dim Gray
#B7B8B8
Lighter Tint
of Dim Gray
#DEDEDE
Lighter Tint
of Dim Gray
#444646
Darker Shade
of Dim Gray
#1E1F1F
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue