Lavazza Classy Plus Color Palette | Design Colors
Design Colors

Color Palette

Lavazza Classy Plus — Coffee Machine

3B3C3F
Copy As
HEX #3B3C3F
RGB rgb(59,60,63)
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
2A292D
Copy As
HEX #2A292D
RGB rgb(42,41,45)
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
111112
Copy As
HEX #111112
RGB rgb(17,17,18)
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
B2B3B6
Copy As
HEX #B2B3B6
RGB rgb(178,179,182)
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
9B9CA0
Copy As
HEX #9B9CA0
RGB rgb(155,156,160)
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
57595C
Copy As
HEX #57595C
RGB rgb(87,89,92)
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
E7E8E8
Copy As
HEX #E7E8E8
RGB rgb(231,232,232)
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
D1D1D2
Copy As
HEX #D1D1D2
RGB rgb(209,209,210)
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
#3B3C3F
#2A292D
#111112
#B2B3B6
#9B9CA0
#57595C
#E7E8E8
#D1D1D2
Lavazza Classy Plus

This palette was extracted from

Lavazza Classy Plus

Award-Winning Coffee Machine

About the Design

This design features Dark Slate Gray, Black, Dark Gray, Dim Gray, Lavender, and Light Gray.

About the Award-Winning Coffee Machine Design: Classy Plus is an all in one espresso and coffee brewer designed for the North American market, offering the complete experience of Italian coffee culture from espresso to cappuccino or latte. In addition, the machine also has a filter coffee selection and a double shot function to cater for specific preferences of this market. Classy Plus is Ideal for small offices and conference rooms. Its slim design is building on Lavazza's established form language in this segment. It is characterised by a contrasting exterior shell enveloping the main body and embossed Lavazza logos on the sides.

This palette has a calming feel, evoking serenity and focus.

View at A' Design Award

Lavazza Classy Plus, where these colors originate, was designed by Florian Seidl.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#3B3C3F
Dark Slate Gray
26.6% Gray
Web Formats
HEX #3B3C3F
RGB 59,60,63
HSL hsl(225, 3%, 24%)
HWB hwb(225, 23%, 75%)
Print & Design
CMYK cmyk(6%, 5%, 0%, 75%)
HSV hsv(225, 6%, 25%)
Perceptual (Color Science)
LAB lab(25.32, 0.28, -1.99)
LCH lch(25.32, 2.01, 277.9°)
XYZ xyz(4.32, 4.52, 5.35)
OKLab oklab(0.3563, 0.0001, -0.0053)
Accessibility (WCAG 2.1)
Aa
On White
11.03:1
AAA Pass
Aa
On Black
1.90:1
Fail
Aa
White on Color
11.03:1
AAA Pass
Aa
Black on Color
1.90:1
Fail
4.5%
Relative Luminance
0.0452
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
#3F3E3B
Complementary
of Dark Slate Gray
#3C3B3F
Analogous
of Dark Slate Gray
#3B3E3F
Analogous
of Dark Slate Gray
#606266
Lighter Tint
of Dark Slate Gray
#86888D
Lighter Tint
of Dark Slate Gray
#AEAFB2
Lighter Tint
of Dark Slate Gray
#161718
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
#2A292D
Dark Slate Gray
19.2% Gray
Web Formats
HEX #2A292D
RGB 42,41,45
HSL hsl(255, 5%, 17%)
HWB hwb(255, 16%, 82%)
Print & Design
CMYK cmyk(7%, 9%, 0%, 82%)
HSV hsv(255, 9%, 18%)
Perceptual (Color Science)
LAB lab(16.83, 1.43, -2.44)
LCH lch(16.83, 2.83, 300.4°)
XYZ xyz(2.22, 2.27, 2.8)
OKLab oklab(0.2836, 0.0034, -0.0065)
Accessibility (WCAG 2.1)
Aa
On White
14.45:1
AAA Pass
Aa
On Black
1.45:1
Fail
Aa
White on Color
14.45:1
AAA Pass
Aa
Black on Color
1.45:1
Fail
2.3%
Relative Luminance
0.0227
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
#2C2E29
Complementary
of Dark Slate Gray
#2C292E
Analogous
of Dark Slate Gray
#292A2E
Analogous
of Dark Slate Gray
#504E56
Lighter Tint
of Dark Slate Gray
#75727E
Lighter Tint
of Dark Slate Gray
#9C99A3
Lighter Tint
of Dark Slate Gray
#0C0C0D
Darker Shade
of Dark Slate Gray
#0C0C0D
Darker Shade
of Dark Slate Gray
#0C0C0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#111112
Black
16.4% Black
Web Formats
HEX #111112
RGB 17,17,18
HSL hsl(240, 3%, 7%)
HWB hwb(240, 7%, 93%)
Print & Design
CMYK cmyk(6%, 6%, 0%, 93%)
HSV hsv(240, 6%, 7%)
Perceptual (Color Science)
LAB lab(5.09, 0.2, -0.55)
LCH lch(5.09, 0.59, 290.2°)
XYZ xyz(0.54, 0.56, 0.65)
OKLab oklab(0.1781, 0.0006, -0.0019)
Accessibility (WCAG 2.1)
Aa
On White
18.87:1
AAA Pass
Aa
On Black
1.11:1
Fail
Aa
White on Color
18.87:1
AAA Pass
Aa
Black on Color
1.11:1
Fail
0.6%
Relative Luminance
0.0056
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
#121211
Complementary
of Black
#121112
Analogous
of Black
#111212
Analogous
of Black
#36363A
Lighter Tint
of Black
#5C5C61
Lighter Tint
of Black
#818188
Lighter Tint
of Black
#0C0C0D
Darker Shade
of Black
#0C0C0D
Darker Shade
of Black
#0C0C0D
Darker Shade
of Black
Black
Named Color
Discover the Hue
#B2B3B6
Dark Gray
10.6% Gray
Web Formats
HEX #B2B3B6
RGB 178,179,182
HSL hsl(225, 3%, 71%)
HWB hwb(225, 70%, 29%)
Print & Design
CMYK cmyk(2%, 2%, 0%, 29%)
HSV hsv(225, 2%, 71%)
Perceptual (Color Science)
LAB lab(72.95, 0.22, -1.65)
LCH lch(72.95, 1.66, 277.5°)
XYZ xyz(42.92, 45.08, 50.69)
OKLab oklab(0.7669, 0.0001, -0.0044)
Accessibility (WCAG 2.1)
Aa
On White
2.10:1
Fail
Aa
On Black
10.02:1
AAA Pass
Aa
White on Color
2.10:1
Fail
Aa
Black on Color
10.02:1
AAA Pass
45.1%
Relative Luminance
0.4508
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
#B7B6B3
Complementary
of Dark Gray
#B4B3B7
Analogous
of Dark Gray
#B3B6B7
Analogous
of Dark Gray
#DADBDC
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#8B8D92
Darker Shade
of Dark Gray
#65676C
Darker Shade
of Dark Gray
#404144
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#9B9CA0
Dark Gray
8.0% Gray
Web Formats
HEX #9B9CA0
RGB 155,156,160
HSL hsl(228, 3%, 62%)
HWB hwb(228, 61%, 37%)
Print & Design
CMYK cmyk(3%, 2%, 0%, 37%)
HSV hsv(228, 3%, 63%)
Perceptual (Color Science)
LAB lab(64.39, 0.42, -2.21)
LCH lch(64.39, 2.25, 280.7°)
XYZ xyz(31.75, 33.28, 38)
OKLab oklab(0.6932, 0.0005, -0.0059)
Accessibility (WCAG 2.1)
Aa
On White
2.74:1
Fail
Aa
On Black
7.66:1
AAA Pass
Aa
White on Color
2.74:1
Fail
Aa
Black on Color
7.66:1
AAA Pass
33.3%
Relative Luminance
0.3328
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
#A1A09B
Complementary
of Dark Gray
#9D9BA1
Analogous
of Dark Gray
#9B9FA1
Analogous
of Dark Gray
#C3C3C6
Lighter Tint
of Dark Gray
#EAEAEB
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#74767B
Darker Shade
of Dark Gray
#4F5054
Darker Shade
of Dark Gray
#2A2B2D
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#57595C
Dim Gray
7.5% Gray
Web Formats
HEX #57595C
RGB 87,89,92
HSL hsl(216, 3%, 35%)
HWB hwb(216, 34%, 64%)
Print & Design
CMYK cmyk(5%, 3%, 0%, 64%)
HSV hsv(216, 5%, 36%)
Perceptual (Color Science)
LAB lab(37.74, -0.14, -2.01)
LCH lch(37.74, 2.01, 266.1°)
XYZ xyz(9.43, 9.94, 11.55)
OKLab oklab(0.4632, -0.0011, -0.0054)
Accessibility (WCAG 2.1)
Aa
On White
7.03:1
AAA Pass
Aa
On Black
2.99:1
Fail
Aa
White on Color
7.03:1
AAA Pass
Aa
Black on Color
2.99:1
Fail
9.9%
Relative Luminance
0.0994
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
#5C5A57
Complementary
of Dim Gray
#57575C
Analogous
of Dim Gray
#575B5C
Analogous
of Dim Gray
#7C7F83
Lighter Tint
of Dim Gray
#A3A5A8
Lighter Tint
of Dim Gray
#CACCCE
Lighter Tint
of Dim Gray
#313335
Darker Shade
of Dim Gray
#0C0D0D
Darker Shade
of Dim Gray
#0C0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#E7E8E8
Lavender
6.5% Purple
Web Formats
HEX #E7E8E8
RGB 231,232,232
HSL hsl(180, 2%, 91%)
HWB hwb(180, 91%, 9%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 9%)
HSV hsv(180, 0%, 91%)
Perceptual (Color Science)
LAB lab(91.92, -0.33, -0.12)
LCH lch(91.92, 0.35, 199.4°)
XYZ xyz(76.37, 80.53, 87.85)
OKLab oklab(0.9302, -0.001, -0.0003)
Accessibility (WCAG 2.1)
Aa
On White
1.23:1
Fail
Aa
On Black
17.11:1
AAA Pass
Aa
White on Color
1.23:1
Fail
Aa
Black on Color
17.11:1
AAA Pass
80.5%
Relative Luminance
0.8053
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
#E9E8E8
Complementary
of Lavender
#E8E8E9
Analogous
of Lavender
#E8E9E8
Analogous
of Lavender
#F2F3F3
Lighter Tint
of Lavender
#F2F3F3
Lighter Tint
of Lavender
#F2F3F3
Lighter Tint
of Lavender
#C1C3C3
Darker Shade
of Lavender
#9A9E9E
Darker Shade
of Lavender
#737878
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue
#D1D1D2
Light Gray
5.4% Gray
Web Formats
HEX #D1D1D2
RGB 209,209,210
HSL hsl(240, 1%, 82%)
HWB hwb(240, 82%, 18%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 18%)
HSV hsv(240, 0%, 82%)
Perceptual (Color Science)
LAB lab(83.87, 0.18, -0.49)
LCH lch(83.87, 0.53, 290.2°)
XYZ xyz(60.73, 63.81, 70.08)
OKLab oklab(0.861, 0.0004, -0.0013)
Accessibility (WCAG 2.1)
Aa
On White
1.53:1
Fail
Aa
On Black
13.76:1
AAA Pass
Aa
White on Color
1.53:1
Fail
Aa
Black on Color
13.76:1
AAA Pass
63.8%
Relative Luminance
0.6381
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
#D2D2D1
Complementary
of Light Gray
#D1D1D2
Analogous
of Light Gray
#D1D1D2
Analogous
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#AAAAAC
Darker Shade
of Light Gray
#838386
Darker Shade
of Light Gray
#5D5D5F
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue

These colors were identified within Florian Seidl's celebrated design "Lavazza Classy Plus".

Florian Seidl

About the Designer

Florian Seidl

Florian Seidl is an acclaimed creative professional celebrated by the A' Design Award. Their designs embodies excellence in innovative design.

Florian Seidl is an Austrian designer with several years of professional experience. Currently he is working as Lavazza's design manager at the Innovation Center in Turin and teaching at the Scuola Politecnica di Design (SPD) in Milan. Before that he was part of the design team that developed the Fiat 500 successfully into a whole range of different models and several other projects that can now be seen on the road. He has also done work for KTM and as freelancer for various other non-automotive brands. Always with a strong feeling for brand identity and the bigger picture beyond the project as a mere product.

Discover more color palettes from Seidl's award-winning work.

View Website Explore Seidl's Palettes View Seidl's Profile
Platinum A' Home Appliances Design Award 2022

About the Award

Platinum A' Home Appliances Design Award 2022

Lavazza Classy Plus has been recognized with the Platinum A' Home Appliances Design Award in 2022. The A' Design Award is an internationally acknowledged design competition that recognizes outstanding creative accomplishment. Laureates are chosen through comprehensive judging by industry experts representing multiple disciplines. The Platinum status reflects high caliber design work as determined by the international jury.

A' Home Appliances Design Award

Elevate the standard of domestic life with your cutting-edge home appliance designs. The home appliance award category highlights functional innovation, aesthetic appeal, and smart integration in everyday household products.

Recognizes: Refrigerators, Dishwashers, Microwaves, Washing Machines, Dryers, Ovens, Vacuum Cleaners, Air Conditioners and More.
Learn More About A' Home Appliances Design Award View at A' Design Award

More Palettes from Lavazza Classy Plus

Each image reveals a unique color story. Click to explore.

Lavazza Classy Plus - View 2
212127
3B3B3F
0D0D0F
8E8F91
CDCECE
A9A9AA
6D6E71
57585B
Lavazza Classy Plus • View 2
Lavazza Classy Plus - View 3
292A2D
1C1D21
454545
6C6C6E
E7E7E6
5B5B5B
828282
AAAAAC
Lavazza Classy Plus • View 3
Lavazza Classy Plus - View 4
060506
353535
202020
4B4B4B
E9E8E8
676767
C6C6C5
9D9D9D
Lavazza Classy Plus • View 4
Lavazza Classy Plus - View 5
1E1E1E
303030
EFEFEF
BCBCBC
AAABAB
9D9D9D
D1D2D2
8F9090
Lavazza Classy Plus • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Lavazza Tiny Eco
2B2B2B
3D3C3D
947170
7C5E5D
5A5858
AE8C8A
1B1B1B
DED0CF
Lavazza Tiny Eco
66,317 ID#149447
Lavazza MilkUp
EAEAEA
25262A
CBCCCC
3A3A3F
6E7075
DADADB
82848A
96979C
Lavazza MilkUp
24,545 ID#123046
Kateem
E03514
FC5F3C
F24824
1F1D1C
0E0C0C
822310
FC6E4D
E9E9E8
Kateem
28,525 ID#42437
A6Pro Series
002234
001526
003B51
00536E
006A88
00A0C0
0088A7
00BBDC
A6Pro Series
58,424 ID#148386
Tokit Omni Cook
523723
DCCAB6
3F2818
8F5B3A
241812
3E3D3A
60422D
54524E
Tokit Omni Cook
47,065 ID#140127
Wsd
585858
3F3F3F
E0E0E0
FEFEFE
282828
818181
939393
6A6A6A
Wsd
25,007 ID#147466
Pelonis
2E2E2E
1B1B1B
474848
0B0B0B
5C5E5E
E8E8E8
848788
717273
Pelonis
23,398 ID#149666
Pasteur
E3E3E2
D1D1D1
2D2D2D
191919
030303
B8B7B5
434342
949392
Pasteur
17,388 ID#158277
Seongdong Smart Shelter
11100F
302318
513723
6C3C19
654E37
AE632E
D9924A
4D2B14
Seongdong Smart Shelter
370,696 ID#161636
Conch
726B5F
847D73
E2E2E1
59554E
969088
020306
C5C1BE
ABA7A1
Conch
519,619 ID#162196
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
China Overseas Yongding Jiuli
461,708 ID#162656
Datalense
0F0C08
282119
5D4D3E
43362A
6A6358
A1988D
867467
795A3E
Datalense
391,349 ID#162927