5.1 - 8 Color Palette | Industrial Design Colors
Industrial Design Colors

Color Palette

5.1 — Switches and Sockets Collection

2B3838
Copy As
HEX #2B3838
RGB rgb(43,56,56)
HSL
Notice: Undefined index: HSL in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
B08B3B
Copy As
HEX #B08B3B
RGB rgb(176,139,59)
HSL
Notice: Undefined index: HSL in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
9B7A35
Copy As
HEX #9B7A35
RGB rgb(155,122,53)
HSL
Notice: Undefined index: HSL in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
80652C
Copy As
HEX #80652C
RGB rgb(128,101,44)
HSL
Notice: Undefined index: HSL in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
030809
Copy As
HEX #030809
RGB rgb(3,8,9)
HSL
Notice: Undefined index: HSL in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
1D2B2C
Copy As
HEX #1D2B2C
RGB rgb(29,43,44)
HSL
Notice: Undefined index: HSL in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
6E5625
Copy As
HEX #6E5625
RGB rgb(110,86,37)
HSL
Notice: Undefined index: HSL in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
454C44
Copy As
HEX #454C44
RGB rgb(69,76,68)
HSL
Notice: Undefined index: HSL in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/industrialdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
#2B3838
#B08B3B
#9B7A35
#80652C
#030809
#1D2B2C
#6E5625
#454C44
5.1

This palette was extracted from

5.1

Award-Winning Switches and Sockets Collection

About the Design

This design features Dark Slate Gray, Peru, Sienna, Black, and Dark Olive Green.

About the Award-Winning Switches and Sockets Collection Design: 5.1 switch and socket collection with a sophisticated design complemented by the use of noble materials that enhance all sensory aspects. Follows the latest decoration trends such as minimalist architectural design, pure and avant­garde design. It is characterized by the purity of its constructive lines and the fine material of the toggle and plate. The exclusive design toggle gives a unique personality compared to any other luxury segment brand. Combines state-of-the-art design, high-quality finishes, and the possibility of installing fully customizable luxury pieces for each project.

This palette has a cozy feel, creating warmth and vitality.

View at A' Design Award

5.1, where these colors originate, was designed by Font Barcelona.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#2B3838
Dark Slate Gray
29.4% Gray
Web Formats
HEX #2B3838
RGB 43,56,56
HSL hsl(180, 13%, 19%)
HWB hwb(180, 17%, 78%)
Print & Design
CMYK cmyk(23%, 0%, 0%, 78%)
HSV hsv(180, 23%, 22%)
Perceptual (Color Science)
LAB lab(22.4, -5.35, -1.78)
LCH lch(22.4, 5.64, 198.4°)
XYZ xyz(3.12, 3.63, 4.28)
OKLab oklab(0.329, -0.0165, -0.0048)
Accessibility (WCAG 2.1)
Aa
On White
12.17:1
AAA Pass
Aa
On Black
1.73:1
Fail
Aa
White on Color
12.17:1
AAA Pass
Aa
Black on Color
1.73:1
Fail
3.6%
Relative Luminance
0.0363
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
#372A2A
Complementary
of Dark Slate Gray
#2A3037
Analogous
of Dark Slate Gray
#2A3730
Analogous
of Dark Slate Gray
#4B6262
Lighter Tint
of Dark Slate Gray
#6D8D8D
Lighter Tint
of Dark Slate Gray
#97AFAF
Lighter Tint
of Dark Slate Gray
#0B0E0E
Darker Shade
of Dark Slate Gray
#0B0E0E
Darker Shade
of Dark Slate Gray
#0B0E0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#B08B3B
Peru
24.9% Brown
Web Formats
HEX #B08B3B
RGB 176,139,59
HSL hsl(41, 50%, 46%)
HWB hwb(41, 23%, 31%)
Print & Design
CMYK cmyk(0%, 21%, 66%, 31%)
HSV hsv(41, 66%, 69%)
Perceptual (Color Science)
LAB lab(59.9, 5.25, 46.84)
LCH lch(59.9, 47.14, 83.6°)
XYZ xyz(27.93, 28.01, 8.07)
OKLab oklab(0.6563, 0.0113, 0.1066)
Accessibility (WCAG 2.1)
Aa
On White
3.18:1
Large Only
Aa
On Black
6.60:1
AA Pass
Aa
White on Color
3.18:1
Large Only
Aa
Black on Color
6.60:1
AA Pass
28.0%
Relative Luminance
0.2801
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
#3B60B0
Complementary
of Peru
#9AB03B
Analogous
of Peru
#B0503B
Analogous
of Peru
#CDAE6A
Lighter Tint
of Peru
#E0CDA3
Lighter Tint
of Peru
#F4ECDD
Lighter Tint
of Peru
#775E28
Darker Shade
of Peru
#3D3014
Darker Shade
of Peru
#130F06
Darker Shade
of Peru
Peru
Named Color
Discover the Hue
#9B7A35
Sienna
13.9% Brown
Web Formats
HEX #9B7A35
RGB 155,122,53
HSL hsl(41, 49%, 41%)
HWB hwb(41, 21%, 39%)
Print & Design
CMYK cmyk(0%, 21%, 66%, 39%)
HSV hsv(41, 66%, 61%)
Perceptual (Color Science)
LAB lab(53.11, 4.97, 41.65)
LCH lch(53.11, 41.94, 83.2°)
XYZ xyz(21.12, 21.15, 6.34)
OKLab oklab(0.5976, 0.0111, 0.0953)
Accessibility (WCAG 2.1)
Aa
On White
4.02:1
Large Only
Aa
On Black
5.23:1
AA Pass
Aa
White on Color
4.02:1
Large Only
Aa
Black on Color
5.23:1
AA Pass
21.1%
Relative Luminance
0.2114
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
#35569C
Complementary
of Sienna
#899C35
Analogous
of Sienna
#9C4835
Analogous
of Sienna
#C6A358
Lighter Tint
of Sienna
#D9C291
Lighter Tint
of Sienna
#EDE2CA
Lighter Tint
of Sienna
#634E22
Darker Shade
of Sienna
#2A210E
Darker Shade
of Sienna
#130F07
Darker Shade
of Sienna
Sienna
Named Color
Discover the Hue
#80652C
Sienna
12.8% Brown
Web Formats
HEX #80652C
RGB 128,101,44
HSL hsl(41, 49%, 34%)
HWB hwb(41, 17%, 50%)
Print & Design
CMYK cmyk(0%, 21%, 66%, 50%)
HSV hsv(41, 66%, 50%)
Perceptual (Color Science)
LAB lab(44.35, 4.01, 35.61)
LCH lch(44.35, 35.84, 83.6°)
XYZ xyz(14.01, 14.08, 4.36)
OKLab oklab(0.5217, 0.009, 0.0818)
Accessibility (WCAG 2.1)
Aa
On White
5.50:1
AA Pass
Aa
On Black
3.82:1
Large Only
Aa
White on Color
5.50:1
AA Pass
Aa
Black on Color
3.82:1
Large Only
14.1%
Relative Luminance
0.1408
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
#2C4781
Complementary
of Sienna
#72812C
Analogous
of Sienna
#813C2C
Analogous
of Sienna
#BA9340
Lighter Tint
of Sienna
#D0B476
Lighter Tint
of Sienna
#E4D3AF
Lighter Tint
of Sienna
#483919
Darker Shade
of Sienna
#130F07
Darker Shade
of Sienna
#130F07
Darker Shade
of Sienna
Sienna
Named Color
Discover the Hue
#030809
Black
10.4% Black
Web Formats
HEX #030809
RGB 3,8,9
HSL hsl(190, 50%, 2%)
HWB hwb(190, 1%, 96%)
Print & Design
CMYK cmyk(67%, 11%, 0%, 96%)
HSV hsv(190, 67%, 4%)
Perceptual (Color Science)
LAB lab(1.92, -1.17, -0.84)
LCH lch(1.92, 1.44, 215.7°)
XYZ xyz(0.17, 0.21, 0.29)
OKLab oklab(0.1274, -0.0105, -0.0055)
Accessibility (WCAG 2.1)
Aa
On White
20.14:1
AAA Pass
Aa
On Black
1.04:1
Fail
Aa
White on Color
20.14:1
AAA Pass
Aa
Black on Color
1.04:1
Fail
0.2%
Relative Luminance
0.0021
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
#080303
Complementary
of Black
#030408
Analogous
of Black
#030806
Analogous
of Black
#163A41
Lighter Tint
of Black
#296D7A
Lighter Tint
of Black
#3CA0B4
Lighter Tint
of Black
#061113
Darker Shade
of Black
#061113
Darker Shade
of Black
#061113
Darker Shade
of Black
Black
Named Color
Discover the Hue
#1D2B2C
Dark Slate Gray
4.0% Gray
Web Formats
HEX #1D2B2C
RGB 29,43,44
HSL hsl(184, 21%, 14%)
HWB hwb(184, 11%, 83%)
Print & Design
CMYK cmyk(34%, 2%, 0%, 83%)
HSV hsv(184, 34%, 17%)
Perceptual (Color Science)
LAB lab(16.36, -5.59, -2.57)
LCH lch(16.36, 6.15, 204.7°)
XYZ xyz(1.83, 2.17, 2.71)
OKLab oklab(0.2768, -0.0177, -0.007)
Accessibility (WCAG 2.1)
Aa
On White
14.64:1
AAA Pass
Aa
On Black
1.43:1
Fail
Aa
White on Color
14.64:1
AAA Pass
Aa
Black on Color
1.43:1
Fail
2.2%
Relative Luminance
0.0217
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
#2B1D1C
Complementary
of Dark Slate Gray
#1C232B
Analogous
of Dark Slate Gray
#1C2B25
Analogous
of Dark Slate Gray
#3A5759
Lighter Tint
of Dark Slate Gray
#598588
Lighter Tint
of Dark Slate Gray
#80A9AC
Lighter Tint
of Dark Slate Gray
#0A0F0F
Darker Shade
of Dark Slate Gray
#0A0F0F
Darker Shade
of Dark Slate Gray
#0A0F0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#6E5625
Dark Olive Green
2.4% Green
Web Formats
HEX #6E5625
RGB 110,86,37
HSL hsl(40, 50%, 29%)
HWB hwb(40, 15%, 57%)
Print & Design
CMYK cmyk(0%, 22%, 66%, 57%)
HSV hsv(40, 66%, 43%)
Perceptual (Color Science)
LAB lab(38.03, 3.88, 31.64)
LCH lch(38.03, 31.87, 83°)
XYZ xyz(10.09, 10.1, 3.17)
OKLab oklab(0.4672, 0.009, 0.0728)
Accessibility (WCAG 2.1)
Aa
On White
6.95:1
AA Pass
Aa
On Black
3.02:1
Large Only
Aa
White on Color
6.95:1
AA Pass
Aa
Black on Color
3.02:1
Large Only
10.1%
Relative Luminance
0.1010
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
#253E6F
Complementary
of Dark Olive Green
#636F25
Analogous
of Dark Olive Green
#6F3125
Analogous
of Dark Olive Green
#A88338
Lighter Tint
of Dark Olive Green
#CBA862
Lighter Tint
of Dark Olive Green
#DEC89C
Lighter Tint
of Dark Olive Green
#362A12
Darker Shade
of Dark Olive Green
#130F06
Darker Shade
of Dark Olive Green
#130F06
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#454C44
Dark Slate Gray
2.1% Gray
Web Formats
HEX #454C44
RGB 69,76,68
HSL hsl(113, 6%, 28%)
HWB hwb(113, 27%, 70%)
Print & Design
CMYK cmyk(9%, 0%, 11%, 70%)
HSV hsv(113, 11%, 30%)
Perceptual (Color Science)
LAB lab(31.47, -4.61, 3.79)
LCH lch(31.47, 5.97, 140.5°)
XYZ xyz(6.08, 6.85, 6.47)
OKLab oklab(0.4075, -0.0125, 0.0099)
Accessibility (WCAG 2.1)
Aa
On White
8.86:1
AAA Pass
Aa
On Black
2.37:1
Fail
Aa
White on Color
8.86:1
AAA Pass
Aa
Black on Color
2.37:1
Fail
6.9%
Relative Luminance
0.0685
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
#4B434C
Complementary
of Dark Slate Gray
#434C46
Analogous
of Dark Slate Gray
#484C43
Analogous
of Dark Slate Gray
#697467
Lighter Tint
of Dark Slate Gray
#8F9A8D
Lighter Tint
of Dark Slate Gray
#B7BEB6
Lighter Tint
of Dark Slate Gray
#20231F
Darker Shade
of Dark Slate Gray
#0C0E0C
Darker Shade
of Dark Slate Gray
#0C0E0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue

The colors shown were sampled from Font Barcelona's acclaimed work "5.1".

About Font Barcelona

Font Barcelona

Font Barcelona is an acclaimed enterprise honored by the A' Design Award. Their portfolio reflects expertise in design innovation.

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

Explore Font Barcelona's Palettes View Font Barcelona's Profile
Iron A' Building Materials and Construction Components Design Award 2020

About the Award

Iron A' Building Materials and Construction Components Design Award 2020

5.1 was awarded with the Iron A' Building Materials and Construction Components Design Award in 2020. The A' Design Award is a well-established design recognition initiative that honors exemplary design excellence. Award recipients are determined through rigorous evaluation by qualified design professionals comprising academics, professionals and press members. The Iron status represents notable design quality as judged by the review committee.

A' Building Materials and Construction Components Design Award

Elevate the standard of construction with innovative building materials and components. The building components award category highlights cutting-edge engineering, sustainable practices, and the enhancement of structural aesthetics.

Recognizes: Bricks, Beams, Windows, Doors, Insulation Materials, Roofing Materials, Plumbing Fixtures, Electrical Components and More.
Learn More About A' Building Materials and Construction Components Design Award View at A' Design Award

More Palettes from 5.1

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

5.1 - View 2
E3E1E0
EEEEEF
BEBDC0
000000
AAA8A7
7E7A7A
353535
565658
5.1 • View 2
5.1 - View 3
0C223D
040715
93ACAE
839B9F
E0DFDF
8D6C39
D0CECF
1A3252
5.1 • View 3
5.1 - View 4
0F2737
9BA6AA
030408
C8D1D6
113045
D9E1E2
B7BBC1
06121F
5.1 • View 4

Discover More Color Palettes

Explore colors from more award-winning designs.

Drift
091416
162428
2B3C42
405258
58696F
6F7E83
2D2615
453519
Drift
1,611,360 ID#154733
Delmar
171514
383634
394D68
2A3C54
73706C
292421
5A5A57
494745
Delmar
44,832 ID#169116
Sialk
A5633A
BC7547
905330
8D8980
D28753
9E9A92
ADACA7
BDBDB9
Sialk
26,520 ID#163844
Brazilian Quartzite
878975
C4C0BA
9A9B8A
B0ACA3
71745F
D1CEC8
61644A
4C512E
Brazilian Quartzite
1,117,697 ID#149146
Kazbegi
221A19
332D2C
4D4A4B
626061
8D8988
7A7776
9A9897
A9A8A8
Kazbegi
211,100 ID#159235
Luxury Stone 2.0
908D8B
757372
615E5C
302924
4B4745
A09E9D
211D1A
B3B2B1
Luxury Stone 2.0
226,024 ID#156281
Lucent
3C2E24
827466
938577
A0978B
5F5243
706353
B9B7B2
4B4031
Lucent
20,600 ID#164215
Firefly
3E3D3B
23211E
33302D
C1C1C1
5E5E5E
4D4D4C
727373
868787
Firefly
1,070,335 ID#147781
Embrasse Moi
9F846E
A3978F
857466
918782
4F4742
AFB0B6
2A2829
6B5B4F
Embrasse Moi
822,660 ID#149079
Seongdong Smart Shelter
11100F
302318
513723
6C3C19
654E37
AE632E
D9924A
4D2B14
Seongdong Smart Shelter
713,025 ID#161636
T6 Intelligent
969799
AFAFB2
A2A2A5
D1D1D3
E4E5E6
C0C0C2
787A7E
616366
T6 Intelligent
871,483 ID#162893
Birch
AEB2BB
CDD1D8
E9EBEE
BFC3CB
9B9EA6
848891
5E616B
494C54
Birch
1,281,359 ID#163625