Palette 3: Lavazza MilkUp | Design Colors
Design Colors

Color Palette • View 3

Lavazza MilkUp — Milk Frother

D7D8D8
Copy As
HEX #D7D8D8
RGB rgb(215,216,216)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
2B2B2B
Copy As
HEX #2B2B2B
RGB rgb(43,43,43)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
7D7D7D
Copy As
HEX #7D7D7D
RGB rgb(125,125,125)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
484848
Copy As
HEX #484848
RGB rgb(72,72,72)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
656565
Copy As
HEX #656565
RGB rgb(101,101,101)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
A8A8A8
Copy As
HEX #A8A8A8
RGB rgb(168,168,168)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
EDEDED
Copy As
HEX #EDEDED
RGB rgb(237,237,237)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
C8C9C9
Copy As
HEX #C8C9C9
RGB rgb(200,201,201)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
#D7D8D8
#2B2B2B
#7D7D7D
#484848
#656565
#A8A8A8
#EDEDED
#C8C9C9
Lavazza MilkUp

This palette is from

Lavazza MilkUp

Milk Frother

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#D7D8D8
Gainsboro
23.8% Gray
Web Formats
HEX #D7D8D8
RGB 215,216,216
HSL hsl(180, 1%, 85%)
HWB hwb(180, 84%, 15%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 15%)
HSV hsv(180, 0%, 85%)
Perceptual (Color Science)
LAB lab(86.26, -0.34, -0.12)
LCH lch(86.26, 0.36, 199.4°)
XYZ xyz(64.97, 68.52, 74.75)
OKLab oklab(0.8815, -0.001, -0.0003)
Accessibility (WCAG 2.1)
Aa
On White
1.43:1
Fail
Aa
On Black
14.70:1
AAA Pass
Aa
White on Color
1.43:1
Fail
Aa
Black on Color
14.70:1
AAA Pass
68.5%
Relative Luminance
0.6852
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
#D9D8D8
Complementary
of Gainsboro
#D8D9D9
Analogous
of Gainsboro
#D8D9D9
Analogous
of Gainsboro
#F2F2F2
Lighter Tint
of Gainsboro
#F2F2F2
Lighter Tint
of Gainsboro
#F2F2F2
Lighter Tint
of Gainsboro
#B2B3B3
Darker Shade
of Gainsboro
#8B8D8D
Darker Shade
of Gainsboro
#656767
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#2B2B2B
Dark Slate Gray
18.2% Gray
Web Formats
HEX #2B2B2B
RGB 43,43,43
HSL hsl(0, 0%, 17%)
HWB hwb(0, 17%, 83%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 83%)
HSV hsv(0, 0%, 17%)
Perceptual (Color Science)
LAB lab(17.53, -0, 0)
LCH lch(17.53, 0, 158.2°)
XYZ xyz(2.3, 2.42, 2.63)
OKLab oklab(0.2891, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
14.16:1
AAA Pass
Aa
On Black
1.48:1
Fail
Aa
White on Color
14.16:1
AAA Pass
Aa
Black on Color
1.48:1
Fail
2.4%
Relative Luminance
0.0242
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
#2B2B2B
Complementary
of Dark Slate Gray
#2B2B2B
Analogous
of Dark Slate Gray
#2B2B2B
Analogous
of Dark Slate Gray
#525252
Lighter Tint
of Dark Slate Gray
#787878
Lighter Tint
of Dark Slate Gray
#9E9E9E
Lighter Tint
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#7D7D7D
Gray
11.8% Gray
Web Formats
HEX #7D7D7D
RGB 125,125,125
HSL hsl(0, 0%, 49%)
HWB hwb(0, 49%, 51%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 51%)
HSV hsv(0, 0%, 49%)
Perceptual (Color Science)
LAB lab(52.41, -0, 0)
LCH lch(52.41, 0, 158.2°)
XYZ xyz(19.49, 20.51, 22.33)
OKLab oklab(0.5897, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
4.12:1
Large Only
Aa
On Black
5.10:1
AA Pass
Aa
White on Color
4.12:1
Large Only
Aa
Black on Color
5.10:1
AA Pass
20.5%
Relative Luminance
0.2051
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
#7D7D7D
Complementary
of Gray
#7D7D7D
Analogous
of Gray
#7D7D7D
Analogous
of Gray
#A3A3A3
Lighter Tint
of Gray
#C9C9C9
Lighter Tint
of Gray
#F0F0F0
Lighter Tint
of Gray
#575757
Darker Shade
of Gray
#303030
Darker Shade
of Gray
#0D0D0D
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#484848
Dark Slate Gray
11.7% Gray
Web Formats
HEX #484848
RGB 72,72,72
HSL hsl(0, 0%, 28%)
HWB hwb(0, 28%, 72%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 72%)
HSV hsv(0, 0%, 28%)
Perceptual (Color Science)
LAB lab(30.59, -0, 0)
LCH lch(30.59, 0, 158.2°)
XYZ xyz(6.16, 6.48, 7.06)
OKLab oklab(0.4017, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
9.15:1
AAA Pass
Aa
On Black
2.30:1
Fail
Aa
White on Color
9.15:1
AAA Pass
Aa
Black on Color
2.30:1
Fail
6.5%
Relative Luminance
0.0648
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
#474747
Complementary
of Dark Slate Gray
#474747
Analogous
of Dark Slate Gray
#474747
Analogous
of Dark Slate Gray
#6E6E6E
Lighter Tint
of Dark Slate Gray
#949494
Lighter Tint
of Dark Slate Gray
#BABABA
Lighter Tint
of Dark Slate Gray
#212121
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#656565
Dim Gray
11.6% Gray
Web Formats
HEX #656565
RGB 101,101,101
HSL hsl(0, 0%, 40%)
HWB hwb(0, 40%, 60%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 60%)
HSV hsv(0, 0%, 40%)
Perceptual (Color Science)
LAB lab(42.78, -0, 0)
LCH lch(42.78, 0, 158.2°)
XYZ xyz(12.37, 13.01, 14.17)
OKLab oklab(0.5068, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
5.83:1
AA Pass
Aa
On Black
3.60:1
Large Only
Aa
White on Color
5.83:1
AA Pass
Aa
Black on Color
3.60:1
Large Only
13.0%
Relative Luminance
0.1301
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
#666666
Complementary
of Dim Gray
#666666
Analogous
of Dim Gray
#666666
Analogous
of Dim Gray
#8C8C8C
Lighter Tint
of Dim Gray
#B3B3B3
Lighter Tint
of Dim Gray
#D9D9D9
Lighter Tint
of Dim Gray
#404040
Darker Shade
of Dim Gray
#1A1A1A
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#A8A8A8
Dark Gray
8.7% Gray
Web Formats
HEX #A8A8A8
RGB 168,168,168
HSL hsl(0, 0%, 66%)
HWB hwb(0, 66%, 34%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 34%)
HSV hsv(0, 0%, 66%)
Perceptual (Color Science)
LAB lab(68.87, -0, 0)
LCH lch(68.87, 0, 158.2°)
XYZ xyz(37.22, 39.16, 42.64)
OKLab oklab(0.7316, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
2.38:1
Fail
Aa
On Black
8.83:1
AAA Pass
Aa
White on Color
2.38:1
Fail
Aa
Black on Color
8.83:1
AAA Pass
39.2%
Relative Luminance
0.3916
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
#A8A8A8
Complementary
of Dark Gray
#A8A8A8
Analogous
of Dark Gray
#A8A8A8
Analogous
of Dark Gray
#CFCFCF
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#828282
Darker Shade
of Dark Gray
#5C5C5C
Darker Shade
of Dark Gray
#363636
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#EDEDED
White Smoke
8.0% White
Web Formats
HEX #EDEDED
RGB 237,237,237
HSL hsl(0, 0%, 93%)
HWB hwb(0, 93%, 7%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 7%)
HSV hsv(0, 0%, 93%)
Perceptual (Color Science)
LAB lab(93.75, -0, 0)
LCH lch(93.75, 0, 158.2°)
XYZ xyz(80.49, 84.69, 92.21)
OKLab oklab(0.9461, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.17:1
Fail
Aa
On Black
17.94:1
AAA Pass
Aa
White on Color
1.17:1
Fail
Aa
Black on Color
17.94:1
AAA Pass
84.7%
Relative Luminance
0.8469
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
#EDEDED
Complementary
of White Smoke
#EDEDED
Analogous
of White Smoke
#EDEDED
Analogous
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#C7C7C7
Darker Shade
of White Smoke
#A1A1A1
Darker Shade
of White Smoke
#7A7A7A
Darker Shade
of White Smoke
White Smoke
Named Color
Discover the Hue
#C8C9C9
Silver
6.2% Gray
Web Formats
HEX #C8C9C9
RGB 200,201,201
HSL hsl(180, 1%, 79%)
HWB hwb(180, 78%, 21%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 21%)
HSV hsv(180, 0%, 79%)
Perceptual (Color Science)
LAB lab(80.89, -0.34, -0.12)
LCH lch(80.89, 0.36, 199.4°)
XYZ xyz(55.25, 58.27, 63.58)
OKLab oklab(0.8351, -0.0011, -0.0003)
Accessibility (WCAG 2.1)
Aa
On White
1.66:1
Fail
Aa
On Black
12.65:1
AAA Pass
Aa
White on Color
1.66:1
Fail
Aa
Black on Color
12.65:1
AAA Pass
58.3%
Relative Luminance
0.5827
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
#CAC9C9
Complementary
of Silver
#C9C9CA
Analogous
of Silver
#C9CAC9
Analogous
of Silver
#F0F0F0
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#A2A4A4
Darker Shade
of Silver
#7C7E7E
Darker Shade
of Silver
#565858
Darker Shade
of Silver
Silver
Named Color
Discover the Hue