Palette 4: The Hummingbird | Jewelry Design Colors
Jewelry Design Colors

Color Palette • View 4

The Hummingbird — Single Earring

E9E8E8
Copy As
HEX #E9E8E8
RGB rgb(233,232,232)
HSL
Notice: Undefined index: HSL in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
D5D4D4
Copy As
HEX #D5D4D4
RGB rgb(213,212,212)
HSL
Notice: Undefined index: HSL in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
C1C1C0
Copy As
HEX #C1C1C0
RGB rgb(193,193,192)
HSL
Notice: Undefined index: HSL in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
878787
Copy As
HEX #878787
RGB rgb(135,135,135)
HSL
Notice: Undefined index: HSL in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
ABABAA
Copy As
HEX #ABABAA
RGB rgb(171,171,170)
HSL
Notice: Undefined index: HSL in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
737372
Copy As
HEX #737372
RGB rgb(115,115,114)
HSL
Notice: Undefined index: HSL in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
4C4E52
Copy As
HEX #4C4E52
RGB rgb(76,78,82)
HSL
Notice: Undefined index: HSL in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
2F374E
Copy As
HEX #2F374E
RGB rgb(47,55,78)
HSL
Notice: Undefined index: HSL in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/jewelrydesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
#E9E8E8
#D5D4D4
#C1C1C0
#878787
#ABABAA
#737372
#4C4E52
#2F374E
The Hummingbird

This palette is from

The Hummingbird

Single Earring

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#E9E8E8
Lavender
43.7% Purple
Web Formats
HEX #E9E8E8
RGB 233,232,232
HSL hsl(0, 2%, 91%)
HWB hwb(0, 91%, 9%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 9%)
HSV hsv(0, 0%, 91%)
Perceptual (Color Science)
LAB lab(92.07, 0.34, 0.12)
LCH lch(92.07, 0.36, 19.4°)
XYZ xyz(77.02, 80.86, 87.88)
OKLab oklab(0.9318, 0.001, 0.0003)
Accessibility (WCAG 2.1)
Aa
On White
1.22:1
Fail
Aa
On Black
17.17:1
AAA Pass
Aa
White on Color
1.22:1
Fail
Aa
Black on Color
17.17:1
AAA Pass
80.9%
Relative Luminance
0.8086
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
#E8E9E9
Complementary
of Lavender
#E9E8E8
Analogous
of Lavender
#E9E8E8
Analogous
of Lavender
#F3F2F2
Lighter Tint
of Lavender
#F3F2F2
Lighter Tint
of Lavender
#F3F2F2
Lighter Tint
of Lavender
#C3C1C1
Darker Shade
of Lavender
#9E9A9A
Darker Shade
of Lavender
#787373
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue
#D5D4D4
Light Gray
11.4% Gray
Web Formats
HEX #D5D4D4
RGB 213,212,212
HSL hsl(0, 1%, 83%)
HWB hwb(0, 83%, 16%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 16%)
HSV hsv(0, 0%, 84%)
Perceptual (Color Science)
LAB lab(84.99, 0.34, 0.12)
LCH lch(84.99, 0.36, 19.4°)
XYZ xyz(62.87, 65.99, 71.7)
OKLab oklab(0.8707, 0.001, 0.0003)
Accessibility (WCAG 2.1)
Aa
On White
1.48:1
Fail
Aa
On Black
14.20:1
AAA Pass
Aa
White on Color
1.48:1
Fail
Aa
Black on Color
14.20:1
AAA Pass
66.0%
Relative Luminance
0.6599
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
#D3D4D4
Complementary
of Light Gray
#D4D4D3
Analogous
of Light Gray
#D4D3D4
Analogous
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#AEADAD
Darker Shade
of Light Gray
#888686
Darker Shade
of Light Gray
#626060
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#C1C1C0
Silver
8.7% Gray
Web Formats
HEX #C1C1C0
RGB 193,193,192
HSL hsl(60, 1%, 75%)
HWB hwb(60, 75%, 24%)
Print & Design
CMYK cmyk(0%, 0%, 1%, 24%)
HSV hsv(60, 1%, 76%)
Perceptual (Color Science)
LAB lab(78.04, -0.18, 0.5)
LCH lch(78.04, 0.53, 110.1°)
XYZ xyz(50.58, 53.28, 57.48)
OKLab oklab(0.8106, -0.0004, 0.0013)
Accessibility (WCAG 2.1)
Aa
On White
1.80:1
Fail
Aa
On Black
11.66:1
AAA Pass
Aa
White on Color
1.80:1
Fail
Aa
Black on Color
11.66:1
AAA Pass
53.3%
Relative Luminance
0.5328
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
#BFBFC0
Complementary
of Silver
#BFC0BF
Analogous
of Silver
#C0BFBF
Analogous
of Silver
#E6E6E5
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#9A9A98
Darker Shade
of Silver
#747472
Darker Shade
of Silver
#4D4D4C
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#878787
Gray
8.8% Gray
Web Formats
HEX #878787
RGB 135,135,135
HSL hsl(0, 0%, 53%)
HWB hwb(0, 53%, 47%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 47%)
HSV hsv(0, 0%, 53%)
Perceptual (Color Science)
LAB lab(56.32, -0, 0)
LCH lch(56.32, 0, 158.2°)
XYZ xyz(23.03, 24.23, 26.38)
OKLab oklab(0.6234, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
3.59:1
Large Only
Aa
On Black
5.85:1
AA Pass
Aa
White on Color
3.59:1
Large Only
Aa
Black on Color
5.85:1
AA Pass
24.2%
Relative Luminance
0.2423
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
#878787
Complementary
of Gray
#878787
Analogous
of Gray
#878787
Analogous
of Gray
#ADADAD
Lighter Tint
of Gray
#D4D4D4
Lighter Tint
of Gray
#F2F2F2
Lighter Tint
of Gray
#616161
Darker Shade
of Gray
#3B3B3B
Darker Shade
of Gray
#141414
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#ABABAA
Dark Gray
7.7% Gray
Web Formats
HEX #ABABAA
RGB 171,171,170
HSL hsl(60, 1%, 67%)
HWB hwb(60, 67%, 33%)
Print & Design
CMYK cmyk(0%, 0%, 1%, 33%)
HSV hsv(60, 1%, 67%)
Perceptual (Color Science)
LAB lab(69.96, -0.19, 0.51)
LCH lch(69.96, 0.55, 110.1°)
XYZ xyz(38.61, 40.69, 43.84)
OKLab oklab(0.7409, -0.0004, 0.0014)
Accessibility (WCAG 2.1)
Aa
On White
2.30:1
Fail
Aa
On Black
9.14:1
AAA Pass
Aa
White on Color
2.30:1
Fail
Aa
Black on Color
9.14:1
AAA Pass
40.7%
Relative Luminance
0.4069
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
#AAAAAC
Complementary
of Dark Gray
#ABACAA
Analogous
of Dark Gray
#ACABAA
Analogous
of Dark Gray
#D2D2D1
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#868683
Darker Shade
of Dark Gray
#5F5F5D
Darker Shade
of Dark Gray
#393938
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#737372
Dim Gray
7.5% Gray
Web Formats
HEX #737372
RGB 115,115,114
HSL hsl(60, 0%, 45%)
HWB hwb(60, 45%, 55%)
Print & Design
CMYK cmyk(0%, 0%, 1%, 55%)
HSV hsv(60, 1%, 45%)
Perceptual (Color Science)
LAB lab(48.41, -0.2, 0.55)
LCH lch(48.41, 0.59, 110.1°)
XYZ xyz(16.24, 17.12, 18.37)
OKLab oklab(0.5552, -0.0004, 0.0015)
Accessibility (WCAG 2.1)
Aa
On White
4.75:1
AA Pass
Aa
On Black
4.42:1
Large Only
Aa
White on Color
4.75:1
AA Pass
Aa
Black on Color
4.42:1
Large Only
17.1%
Relative Luminance
0.1712
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
#737373
Complementary
of Dim Gray
#737373
Analogous
of Dim Gray
#737373
Analogous
of Dim Gray
#999999
Lighter Tint
of Dim Gray
#BFBFBF
Lighter Tint
of Dim Gray
#E6E6E6
Lighter Tint
of Dim Gray
#4D4D4D
Darker Shade
of Dim Gray
#262626
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#4C4E52
Dark Slate Gray
6.3% Gray
Web Formats
HEX #4C4E52
RGB 76,78,82
HSL hsl(220, 4%, 31%)
HWB hwb(220, 30%, 68%)
Print & Design
CMYK cmyk(7%, 5%, 0%, 68%)
HSV hsv(220, 7%, 32%)
Perceptual (Color Science)
LAB lab(33.12, 0.09, -2.64)
LCH lch(33.12, 2.64, 272°)
XYZ xyz(7.23, 7.59, 9.07)
OKLab oklab(0.4235, -0.0007, -0.0071)
Accessibility (WCAG 2.1)
Aa
On White
8.34:1
AAA Pass
Aa
On Black
2.52:1
Fail
Aa
White on Color
8.34:1
AAA Pass
Aa
Black on Color
2.52:1
Fail
7.6%
Relative Luminance
0.0759
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
#52504C
Complementary
of Dark Slate Gray
#4D4C52
Analogous
of Dark Slate Gray
#4C5152
Analogous
of Dark Slate Gray
#71747A
Lighter Tint
of Dark Slate Gray
#989AA0
Lighter Tint
of Dark Slate Gray
#BFC1C4
Lighter Tint
of Dark Slate Gray
#27282A
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#2F374E
Dark Slate Gray
5.9% Gray
Web Formats
HEX #2F374E
RGB 47,55,78
HSL hsl(225, 25%, 25%)
HWB hwb(225, 18%, 69%)
Print & Design
CMYK cmyk(40%, 29%, 0%, 69%)
HSV hsv(225, 40%, 31%)
Perceptual (Color Science)
LAB lab(23.29, 3.28, -15.14)
LCH lch(23.29, 15.49, 282.2°)
XYZ xyz(3.91, 3.89, 7.75)
OKLab oklab(0.3399, -0.0005, -0.0421)
Accessibility (WCAG 2.1)
Aa
On White
11.82:1
AAA Pass
Aa
On Black
1.78:1
Fail
Aa
White on Color
11.82:1
AAA Pass
Aa
Black on Color
1.78:1
Fail
3.9%
Relative Luminance
0.0389
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
#504830
Complementary
of Dark Slate Gray
#383050
Analogous
of Dark Slate Gray
#304850
Analogous
of Dark Slate Gray
#4D5980
Lighter Tint
of Dark Slate Gray
#707EA9
Lighter Tint
of Dark Slate Gray
#9FA9C6
Lighter Tint
of Dark Slate Gray
#131620
Darker Shade
of Dark Slate Gray
#0A0B10
Darker Shade
of Dark Slate Gray
#0A0B10
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue