View the Colors of Modular | Design Hues

Color Palette

Modular — Sanitation Tool Room

3B2D2A
Copy As
HEX #3B2D2A
RGB rgb(59,45,42)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
27371F
Copy As
HEX #27371F
RGB rgb(39,55,31)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
1F2634
Copy As
HEX #1F2634
RGB rgb(31,38,52)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
AC886B
Copy As
HEX #AC886B
RGB rgb(172,136,107)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
D6DCE5
Copy As
HEX #D6DCE5
RGB rgb(214,220,229)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
3B4C30
Copy As
HEX #3B4C30
RGB rgb(59,76,48)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
172311
Copy As
HEX #172311
RGB rgb(23,35,17)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
B2D3E9
Copy As
HEX #B2D3E9
RGB rgb(178,211,233)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
#3B2D2A
#27371F
#1F2634
#AC886B
#D6DCE5
#3B4C30
#172311
#B2D3E9
Modular

This palette was extracted from

Modular

Award-Winning Sanitation Tool Room

About the Design

This design features Dark Slate Gray, Rosy Brown, Gainsboro, Black, and Light Blue.

About the Award-Winning Sanitation Tool Room Design: The urban sanitation tool room series boasts flexibility and expansibility as composing of modular spatial elements, which can be used as a separate sanitation room with different functions or combined as a multifunctional small public area. According to feedback from the workers, the vertical space of the interior design making to improve the utilization of the room, so the sanitation tools can be placed neatly.

This palette has a harmonious temperature, providing flexibility in various contexts.

View at A' Design Award

Modular, the inspiration behind this palette, was designed by He Qi & Xinbo Wang.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.


Dark Slate Gray
22.7% Gray
Web Formats
HEX #3B2D2A
RGB 59,45,42
HSL hsl(11, 17%, 20%)
HWB hwb(11, 16%, 77%)
Print & Design
CMYK cmyk(0%, 24%, 29%, 77%)
HSV hsv(11, 29%, 23%)
Perceptual (Color Science)
LAB lab(19.94, 5.87, 4.39)
LCH lch(19.94, 7.33, 36.8°)
XYZ xyz(3.16, 2.97, 2.6)
OKLab oklab(0.312, 0.0181, 0.0114)
Accessibility (WCAG 2.1)
Aa
On White
13.17:1
AAA Pass
Aa
On Black
1.59:1
Fail
Aa
White on Color
13.17:1
AAA Pass
Aa
Black on Color
1.59:1
Fail
3.0%
Relative Luminance
0.0297
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.


Dark Slate Gray
15.1% Gray
Web Formats
HEX #27371F
RGB 39,55,31
HSL hsl(100, 28%, 17%)
HWB hwb(100, 12%, 78%)
Print & Design
CMYK cmyk(29%, 0%, 44%, 78%)
HSV hsv(100, 44%, 22%)
Perceptual (Color Science)
LAB lab(21.07, -12.07, 12.99)
LCH lch(21.07, 17.73, 132.9°)
XYZ xyz(2.45, 3.26, 1.8)
OKLab oklab(0.3153, -0.033, 0.0322)
Accessibility (WCAG 2.1)
Aa
On White
12.71:1
AAA Pass
Aa
On Black
1.65:1
Fail
Aa
White on Color
12.71:1
AAA Pass
Aa
Black on Color
1.65:1
Fail
3.3%
Relative Luminance
0.0326
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.


Dark Slate Gray
12.3% Gray
Web Formats
HEX #1F2634
RGB 31,38,52
HSL hsl(220, 25%, 16%)
HWB hwb(220, 12%, 80%)
Print & Design
CMYK cmyk(40%, 27%, 0%, 80%)
HSV hsv(220, 40%, 20%)
Perceptual (Color Science)
LAB lab(15.09, 1.16, -10.11)
LCH lch(15.09, 10.18, 276.5°)
XYZ xyz(1.88, 1.93, 3.52)
OKLab oklab(0.2684, -0.003, -0.028)
Accessibility (WCAG 2.1)
Aa
On White
15.16:1
AAA Pass
Aa
On Black
1.39:1
Fail
Aa
White on Color
15.16:1
AAA Pass
Aa
Black on Color
1.39:1
Fail
1.9%
Relative Luminance
0.0193
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.


Rosy Brown
12.4% Brown
Web Formats
HEX #AC886B
RGB 172,136,107
HSL hsl(27, 28%, 55%)
HWB hwb(27, 42%, 33%)
Print & Design
CMYK cmyk(0%, 21%, 38%, 33%)
HSV hsv(27, 38%, 67%)
Perceptual (Color Science)
LAB lab(59.38, 9.63, 20.81)
LCH lch(59.38, 22.93, 65.2°)
XYZ xyz(28.47, 27.44, 17.7)
OKLab oklab(0.6535, 0.0298, 0.0523)
Accessibility (WCAG 2.1)
Aa
On White
3.24:1
Large Only
Aa
On Black
6.49:1
AA Pass
Aa
White on Color
3.24:1
Large Only
Aa
Black on Color
6.49:1
AA Pass
27.4%
Relative Luminance
0.2744
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.


Gainsboro
11.9% Gray
Web Formats
HEX #D6DCE5
RGB 214,220,229
HSL hsl(216, 22%, 87%)
HWB hwb(216, 84%, 10%)
Print & Design
CMYK cmyk(7%, 4%, 0%, 10%)
HSV hsv(216, 7%, 90%)
Perceptual (Color Science)
LAB lab(87.55, -0.33, -5.1)
LCH lch(87.55, 5.11, 266.3°)
XYZ xyz(67.46, 71.14, 84.29)
OKLab oklab(0.8925, -0.0028, -0.0137)
Accessibility (WCAG 2.1)
Aa
On White
1.38:1
Fail
Aa
On Black
15.23:1
AAA Pass
Aa
White on Color
1.38:1
Fail
Aa
Black on Color
15.23:1
AAA Pass
71.1%
Relative Luminance
0.7114
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.


Dark Slate Gray
8.9% Gray
Web Formats
HEX #3B4C30
RGB 59,76,48
HSL hsl(96, 23%, 24%)
HWB hwb(96, 19%, 70%)
Print & Design
CMYK cmyk(22%, 0%, 37%, 70%)
HSV hsv(96, 37%, 30%)
Perceptual (Color Science)
LAB lab(30.19, -12.72, 14.53)
LCH lch(30.19, 19.31, 131.2°)
XYZ xyz(4.92, 6.31, 3.75)
OKLab oklab(0.3937, -0.0346, 0.0363)
Accessibility (WCAG 2.1)
Aa
On White
9.28:1
AAA Pass
Aa
On Black
2.26:1
Fail
Aa
White on Color
9.28:1
AAA Pass
Aa
Black on Color
2.26:1
Fail
6.3%
Relative Luminance
0.0631
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.


Black
8.6% Black
Web Formats
HEX #172311
RGB 23,35,17
HSL hsl(100, 35%, 10%)
HWB hwb(100, 7%, 86%)
Print & Design
CMYK cmyk(34%, 0%, 51%, 86%)
HSV hsv(100, 51%, 14%)
Perceptual (Color Science)
LAB lab(12.12, -9.66, 10.18)
LCH lch(12.12, 14.03, 133.5°)
XYZ xyz(1.06, 1.42, 0.75)
OKLab oklab(0.2391, -0.0264, 0.0257)
Accessibility (WCAG 2.1)
Aa
On White
16.34:1
AAA Pass
Aa
On Black
1.28:1
Fail
Aa
White on Color
16.34:1
AAA Pass
Aa
Black on Color
1.28:1
Fail
1.4%
Relative Luminance
0.0142
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.


Light Blue
8.0% Blue
Web Formats
HEX #B2D3E9
RGB 178,211,233
HSL hsl(204, 56%, 81%)
HWB hwb(204, 70%, 9%)
Print & Design
CMYK cmyk(24%, 9%, 0%, 9%)
HSV hsv(204, 24%, 91%)
Perceptual (Color Science)
LAB lab(82.88, -6.14, -14.44)
LCH lch(82.88, 15.69, 246.9°)
XYZ xyz(56.36, 61.93, 86.06)
OKLab oklab(0.8499, -0.0252, -0.0393)
Accessibility (WCAG 2.1)
Aa
On White
1.57:1
Fail
Aa
On Black
13.39:1
AAA Pass
Aa
White on Color
1.57:1
Fail
Aa
Black on Color
13.39:1
AAA Pass
61.9%
Relative Luminance
0.6194
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.

The colors presented here were analyzed from He Qi & Xinbo Wang's celebrated design "Modular".

About He Qi & Xinbo Wang

He Qi & Xinbo Wang

He Qi & Xinbo Wang is a distinguished agency acknowledged by the A' Design Award. Their work embodies mastery in design excellence.

CHINA CONSTRUCTION SCIENCE & TECHNOLOGY GROUP CO.,LTD. SHENZHEN BRANCH adheres to the business philosophy of "science and technology leading, innovation and win-win", enabling cooperative development with "intelligence + capital" and realizing value creation with "product + service". Through the collaborative construction mode of "industrialization, digitization and integration", with the continuous innovation ability of new materials, new processes and new equipment, we can provide customers with high-quality construction products and high value-added urban construction and development services.

Discover more color palettes from He Qi & Xinbo Wang's award-winning work.

Iron A' Street Furniture Design Award 2021

About the Award

Iron A' Street Furniture Design Award 2021

Modular was honored with the Iron A' Street Furniture Design Award in 2021. The A' Design Award is a globally recognized design award program that acknowledges exceptional design innovation. Winners are selected through thorough review by a distinguished panel comprising academics, professionals and press members. The Iron status reflects high caliber design work as determined by the international jury.

A' Street Furniture Design Award

Celebrate the integration of form and function in urban spaces with the Street and City Furniture Design Award. This award category highlights ergonomic and aesthetic innovation, environmental friendliness, and the enhancement of public spaces.

Recognizes: Benches, Bollards, Bus Shelters, Bicycle Racks, Litter Bins, Planters, Signage, Lighting Fixtures and More.

More Palettes from Modular

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

Modular - View 2
99D0F5
2B4460
E8E6E1
584837
8E5E3E
182115
222E3E
2E3929
Modular - View 3
B5BBC6
D2D4D9
E2E3E7
B7DAF0
291A17
593A2E
452C23
56714B
Modular - View 4
363729
53544C
99C1E3
454838
4E627C
877F6C
FBFEFD
445568
Modular - View 5
75A1D0
C0C0C5
545B63
697178
353E3C
424B58
ABACB0
92B9DA

Discover More Color Palettes

Explore colors from more award-winning designs.

Electraline
9C948D
AEACAF
6F7447
878C53
F1F2F7
5B5E39
797361
464830
45,304 ID#167728
Tubedex
D4D4D5
DFDFE0
C1C0C2
939292
AAAAAB
777777
F8F9F9
F0696F
18,254 ID#172799
The Pebble
343134
564641
424249
705A50
100C0D
907662
302623
473935
26,724 ID#151169
Radial
676475
42404D
555361
151419
7D7B8A
ECECEC
25242C
B8B7BB
42,706 ID#102668
Sandane
596B1B
6B7D2F
E0D9D5
3A4B08
7E923C
EFECEA
4A5A1B
97A854
24,112 ID#87638
RovLocker
E2C85A
CBB453
B4A04B
B0B1B4
5F6163
9B9C9F
948957
DADADB
26,172 ID#96588
Ginkgo Swan Lake
999998
D8D9D7
C3C3C0
F7F7F7
848483
6B6B6B
E7E7E6
555555
16,209 ID#127309
Lumino
24B86F
2DCA80
49D79F
20AA61
1B9550
79EAB9
69DDA5
A4F2CF
17,153 ID#103698
Embrasse Moi
9F846E
A3978F
857466
918782
4F4742
AFB0B6
2A2829
6B5B4F
822,660 ID#149079
No Footprint Wood House
4B2A18
653C22
775037
886348
A08C73
A37C5D
9D714D
B98B5E
1,278,209 ID#164868
Secret of Eternity
9F6D4F
8D5E42
B88761
080705
71472F
D2D2D0
C69C77
C3C2BF
804,674 ID#165548
Spring Dance
B78B72
A3765F
614234
92644D
7B5340
CAA087
2A1D17
4D3126
1,075,382 ID#165949