The Hummingbird - View 2 Palette | Jewelry Design Colors
Jewelry Design Colors

Color Palette • View 2

The Hummingbird — Single Earring

E8E7E7
Copy As
HEX #E8E7E7
RGB rgb(232,231,231)
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
D2D2D2
Copy As
HEX #D2D2D2
RGB rgb(210,210,210)
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
BDBCBC
Copy As
HEX #BDBCBC
RGB rgb(189,188,188)
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
AAA9A9
Copy As
HEX #AAA9A9
RGB rgb(170,169,169)
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
969596
Copy As
HEX #969596
RGB rgb(150,149,150)
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
767676
Copy As
HEX #767676
RGB rgb(118,118,118)
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
26355E
Copy As
HEX #26355E
RGB rgb(38,53,94)
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
555758
Copy As
HEX #555758
RGB rgb(85,87,88)
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
#E8E7E7
#D2D2D2
#BDBCBC
#AAA9A9
#969596
#767676
#26355E
#555758
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.
#E8E7E7
Lavender
36.7% Purple
Web Formats
HEX #E8E7E7
RGB 232,231,231
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(91.72, 0.34, 0.12)
LCH lch(91.72, 0.36, 19.4°)
XYZ xyz(76.28, 80.08, 87.02)
OKLab oklab(0.9287, 0.001, 0.0003)
Accessibility (WCAG 2.1)
Aa
On White
1.23:1
Fail
Aa
On Black
17.02:1
AAA Pass
Aa
White on Color
1.23:1
Fail
Aa
Black on Color
17.02:1
AAA Pass
80.1%
Relative Luminance
0.8008
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
#D2D2D2
Light Gray
18.3% Gray
Web Formats
HEX #D2D2D2
RGB 210,210,210
HSL hsl(0, 0%, 82%)
HWB hwb(0, 82%, 18%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 18%)
HSV hsv(0, 0%, 82%)
Perceptual (Color Science)
LAB lab(84.2, -0, 0)
LCH lch(84.2, 0, 158.2°)
XYZ xyz(61.26, 64.45, 70.17)
OKLab oklab(0.8638, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.51:1
Fail
Aa
On Black
13.89:1
AAA Pass
Aa
White on Color
1.51:1
Fail
Aa
Black on Color
13.89:1
AAA Pass
64.5%
Relative Luminance
0.6445
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
#D1D1D1
Complementary
of Light Gray
#D1D1D1
Analogous
of Light Gray
#D1D1D1
Analogous
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#ABABAB
Darker Shade
of Light Gray
#858585
Darker Shade
of Light Gray
#5E5E5E
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#BDBCBC
Silver
11.5% Gray
Web Formats
HEX #BDBCBC
RGB 189,188,188
HSL hsl(0, 1%, 74%)
HWB hwb(0, 74%, 26%)
Print & Design
CMYK cmyk(0%, 1%, 1%, 26%)
HSV hsv(0, 1%, 74%)
Perceptual (Color Science)
LAB lab(76.32, 0.35, 0.12)
LCH lch(76.32, 0.37, 19.4°)
XYZ xyz(48.05, 50.42, 54.77)
OKLab oklab(0.796, 0.0011, 0.0003)
Accessibility (WCAG 2.1)
Aa
On White
1.89:1
Fail
Aa
On Black
11.08:1
AAA Pass
Aa
White on Color
1.89:1
Fail
Aa
Black on Color
11.08:1
AAA Pass
50.4%
Relative Luminance
0.5042
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
#BCBDBD
Complementary
of Silver
#BDBDBC
Analogous
of Silver
#BDBCBD
Analogous
of Silver
#E3E3E3
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#979595
Darker Shade
of Silver
#716F6F
Darker Shade
of Silver
#4B4949
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#AAA9A9
Dark Gray
8.4% Gray
Web Formats
HEX #AAA9A9
RGB 170,169,169
HSL hsl(0, 1%, 66%)
HWB hwb(0, 66%, 33%)
Print & Design
CMYK cmyk(0%, 1%, 1%, 33%)
HSV hsv(0, 1%, 67%)
Perceptual (Color Science)
LAB lab(69.32, 0.36, 0.13)
LCH lch(69.32, 0.38, 19.4°)
XYZ xyz(37.93, 39.79, 43.21)
OKLab oklab(0.7356, 0.0011, 0.0003)
Accessibility (WCAG 2.1)
Aa
On White
2.34:1
Fail
Aa
On Black
8.96:1
AAA Pass
Aa
White on Color
2.34:1
Fail
Aa
Black on Color
8.96:1
AAA Pass
39.8%
Relative Luminance
0.3979
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
#A7A9A9
Complementary
of Dark Gray
#A9A8A7
Analogous
of Dark Gray
#A9A7A8
Analogous
of Dark Gray
#CFCECE
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#838181
Darker Shade
of Dark Gray
#5D5B5B
Darker Shade
of Dark Gray
#363535
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#969596
Light Slate Gray
7.5% Gray
Web Formats
HEX #969596
RGB 150,149,150
HSL hsl(300, 0%, 59%)
HWB hwb(300, 58%, 41%)
Print & Design
CMYK cmyk(0%, 1%, 0%, 41%)
HSV hsv(300, 1%, 59%)
Perceptual (Color Science)
LAB lab(61.81, 0.56, -0.4)
LCH lch(61.81, 0.68, 324.5°)
XYZ xyz(28.83, 30.18, 33.15)
OKLab oklab(0.671, 0.0015, -0.001)
Accessibility (WCAG 2.1)
Aa
On White
2.98:1
Fail
Aa
On Black
7.04:1
AAA Pass
Aa
White on Color
2.98:1
Fail
Aa
Black on Color
7.04:1
AAA Pass
30.2%
Relative Luminance
0.3018
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
#969696
Complementary
of Light Slate Gray
#969696
Analogous
of Light Slate Gray
#969696
Analogous
of Light Slate Gray
#BDBDBD
Lighter Tint
of Light Slate Gray
#E3E3E3
Lighter Tint
of Light Slate Gray
#F2F2F2
Lighter Tint
of Light Slate Gray
#707070
Darker Shade
of Light Slate Gray
#4A4A4A
Darker Shade
of Light Slate Gray
#242424
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#767676
Gray
6.1% Gray
Web Formats
HEX #767676
RGB 118,118,118
HSL hsl(0, 0%, 46%)
HWB hwb(0, 46%, 54%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 54%)
HSV hsv(0, 0%, 46%)
Perceptual (Color Science)
LAB lab(49.64, -0, 0)
LCH lch(49.64, 0, 158.2°)
XYZ xyz(17.22, 18.12, 19.73)
OKLab oklab(0.5658, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
4.54:1
AA Pass
Aa
On Black
4.62:1
AA Pass
Aa
White on Color
4.54:1
AA Pass
Aa
Black on Color
4.62:1
AA Pass
18.1%
Relative Luminance
0.1812
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
#757575
Complementary
of Gray
#757575
Analogous
of Gray
#757575
Analogous
of Gray
#9C9C9C
Lighter Tint
of Gray
#C2C2C2
Lighter Tint
of Gray
#E8E8E8
Lighter Tint
of Gray
#4F4F4F
Darker Shade
of Gray
#292929
Darker Shade
of Gray
#0D0D0D
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#26355E
Dark Slate Gray
6.3% Gray
Web Formats
HEX #26355E
RGB 38,53,94
HSL hsl(224, 42%, 26%)
HWB hwb(224, 15%, 63%)
Print & Design
CMYK cmyk(60%, 44%, 0%, 63%)
HSV hsv(224, 60%, 37%)
Perceptual (Color Science)
LAB lab(22.88, 7.65, -26.39)
LCH lch(22.88, 27.47, 286.2°)
XYZ xyz(4.09, 3.77, 11.1)
OKLab oklab(0.3379, -0.0037, -0.0749)
Accessibility (WCAG 2.1)
Aa
On White
11.98:1
AAA Pass
Aa
On Black
1.75:1
Fail
Aa
White on Color
11.98:1
AAA Pass
Aa
Black on Color
1.75:1
Fail
3.8%
Relative Luminance
0.0377
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
#5E4F26
Complementary
of Dark Slate Gray
#33265E
Analogous
of Dark Slate Gray
#26515E
Analogous
of Dark Slate Gray
#3D5494
Lighter Tint
of Dark Slate Gray
#6079BE
Lighter Tint
of Dark Slate Gray
#96A7D4
Lighter Tint
of Dark Slate Gray
#101728
Darker Shade
of Dark Slate Gray
#070A12
Darker Shade
of Dark Slate Gray
#070A12
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#555758
Dim Gray
5.2% Gray
Web Formats
HEX #555758
RGB 85,87,88
HSL hsl(200, 2%, 34%)
HWB hwb(200, 33%, 65%)
Print & Design
CMYK cmyk(3%, 1%, 0%, 65%)
HSV hsv(200, 3%, 35%)
Perceptual (Color Science)
LAB lab(36.84, -0.58, -0.86)
LCH lch(36.84, 1.04, 236°)
XYZ xyz(8.92, 9.45, 10.59)
OKLab oklab(0.4553, -0.002, -0.0023)
Accessibility (WCAG 2.1)
Aa
On White
7.27:1
AAA Pass
Aa
On Black
2.89:1
Fail
Aa
White on Color
7.27:1
AAA Pass
Aa
Black on Color
2.89:1
Fail
9.5%
Relative Luminance
0.0945
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
#585655
Complementary
of Dim Gray
#555658
Analogous
of Dim Gray
#555858
Analogous
of Dim Gray
#7A7E7F
Lighter Tint
of Dim Gray
#A1A4A5
Lighter Tint
of Dim Gray
#C8CACB
Lighter Tint
of Dim Gray
#2F3131
Darker Shade
of Dim Gray
#0C0D0D
Darker Shade
of Dim Gray
#0C0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue