Explore the Colors of Drift | Color Plates
Color Plates

Color Palette

Drift — Antibacterial Ceramic Wall Cladding

091416
Copy As
HEX #091416
RGB rgb(9,20,22)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
162428
Copy As
HEX #162428
RGB rgb(22,36,40)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
2B3C42
Copy As
HEX #2B3C42
RGB rgb(43,60,66)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
405258
Copy As
HEX #405258
RGB rgb(64,82,88)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
58696F
Copy As
HEX #58696F
RGB rgb(88,105,111)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
6F7E83
Copy As
HEX #6F7E83
RGB rgb(111,126,131)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
2D2615
Copy As
HEX #2D2615
RGB rgb(45,38,21)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
453519
Copy As
HEX #453519
RGB rgb(69,53,25)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
#091416
#162428
#2B3C42
#405258
#58696F
#6F7E83
#2D2615
#453519
Drift

This palette was extracted from

Drift

Award-Winning Antibacterial Ceramic Wall Cladding

About the Design

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

About the Award-Winning Antibacterial Ceramic Wall Cladding Design: Functionality defines the aesthetics, using new techniques to reinterpret eternal themes in an attempt to synthesize spatial quality through specific architectural gestures. Open to the elements, external space is protected by a canopy that creates a microclimate. Combining modern design with simplicity of shape, curves and crisp lines define a layout adjusting elegantly into any architectural context while permitting occupants to enjoy outdoor spaces regardless of weather conditions all year round.

This palette has a neutral temperature, offering versatility in various contexts.

View at A' Design Award

Drift, the design behind this palette, was designed by Niko Kapa.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#091416
Black
27.2% Black
Web Formats
HEX #091416
RGB 9,20,22
HSL hsl(189, 42%, 6%)
HWB hwb(189, 4%, 91%)
Print & Design
CMYK cmyk(59%, 9%, 0%, 91%)
HSV hsv(189, 59%, 9%)
Perceptual (Color Science)
LAB lab(5.57, -3.2, -2.58)
LCH lch(5.57, 4.11, 218.8°)
XYZ xyz(0.51, 0.62, 0.85)
OKLab oklab(0.1817, -0.0143, -0.0083)
Accessibility (WCAG 2.1)
Aa
On White
18.70:1
AAA Pass
Aa
On Black
1.12:1
Fail
Aa
White on Color
18.70:1
AAA Pass
Aa
Black on Color
1.12:1
Fail
0.6%
Relative Luminance
0.0062
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
#160B09
Complementary
of Black
#090D16
Analogous
of Black
#091611
Analogous
of Black
#1F454C
Lighter Tint
of Black
#357782
Lighter Tint
of Black
#4EA7B7
Lighter Tint
of Black
#071012
Darker Shade
of Black
#071012
Darker Shade
of Black
#071012
Darker Shade
of Black
Black
Named Color
Discover the Hue
#162428
Black
18.4% Black
Web Formats
HEX #162428
RGB 22,36,40
HSL hsl(193, 29%, 12%)
HWB hwb(193, 9%, 84%)
Print & Design
CMYK cmyk(45%, 10%, 0%, 84%)
HSV hsv(193, 45%, 16%)
Perceptual (Color Science)
LAB lab(13.14, -4.68, -4.58)
LCH lch(13.14, 6.55, 224.3°)
XYZ xyz(1.34, 1.59, 2.24)
OKLab oklab(0.2494, -0.0163, -0.0125)
Accessibility (WCAG 2.1)
Aa
On White
15.94:1
AAA Pass
Aa
On Black
1.32:1
Fail
Aa
White on Color
15.94:1
AAA Pass
Aa
Black on Color
1.32:1
Fail
1.6%
Relative Luminance
0.0159
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
#271A16
Complementary
of Black
#161B27
Analogous
of Black
#162722
Analogous
of Black
#315059
Lighter Tint
of Black
#4C7D8A
Lighter Tint
of Black
#72A3B1
Lighter Tint
of Black
#090F10
Darker Shade
of Black
#090F10
Darker Shade
of Black
#090F10
Darker Shade
of Black
Black
Named Color
Discover the Hue
#2B3C42
Dark Slate Gray
14.3% Gray
Web Formats
HEX #2B3C42
RGB 43,60,66
HSL hsl(196, 21%, 21%)
HWB hwb(196, 17%, 74%)
Print & Design
CMYK cmyk(35%, 9%, 0%, 74%)
HSV hsv(196, 35%, 26%)
Perceptual (Color Science)
LAB lab(24.12, -5.11, -5.91)
LCH lch(24.12, 7.81, 229.2°)
XYZ xyz(3.6, 4.14, 5.76)
OKLab oklab(0.3439, -0.0182, -0.0162)
Accessibility (WCAG 2.1)
Aa
On White
11.49:1
AAA Pass
Aa
On Black
1.83:1
Fail
Aa
White on Color
11.49:1
AAA Pass
Aa
Black on Color
1.83:1
Fail
4.1%
Relative Luminance
0.0414
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
#41302A
Complementary
of Dark Slate Gray
#2A3041
Analogous
of Dark Slate Gray
#2A413C
Analogous
of Dark Slate Gray
#49656F
Lighter Tint
of Dark Slate Gray
#688E9C
Lighter Tint
of Dark Slate Gray
#96B1BB
Lighter Tint
of Dark Slate Gray
#0C1113
Darker Shade
of Dark Slate Gray
#0A0E0F
Darker Shade
of Dark Slate Gray
#0A0E0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#405258
Dark Slate Gray
13.2% Gray
Web Formats
HEX #405258
RGB 64,82,88
HSL hsl(195, 16%, 30%)
HWB hwb(195, 25%, 65%)
Print & Design
CMYK cmyk(27%, 7%, 0%, 65%)
HSV hsv(195, 27%, 35%)
Perceptual (Color Science)
LAB lab(33.62, -5.39, -5.8)
LCH lch(33.62, 7.92, 227.1°)
XYZ xyz(6.89, 7.83, 10.38)
OKLab oklab(0.4257, -0.0187, -0.0158)
Accessibility (WCAG 2.1)
Aa
On White
8.18:1
AAA Pass
Aa
On Black
2.57:1
Fail
Aa
White on Color
8.18:1
AAA Pass
Aa
Black on Color
2.57:1
Fail
7.8%
Relative Luminance
0.0783
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
#594640
Complementary
of Dark Slate Gray
#404659
Analogous
of Dark Slate Gray
#405953
Analogous
of Dark Slate Gray
#607C85
Lighter Tint
of Dark Slate Gray
#89A1A9
Lighter Tint
of Dark Slate Gray
#B5C4C9
Lighter Tint
of Dark Slate Gray
#20292C
Darker Shade
of Dark Slate Gray
#0B0E0F
Darker Shade
of Dark Slate Gray
#0B0E0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#58696F
Dim Gray
9.6% Gray
Web Formats
HEX #58696F
RGB 88,105,111
HSL hsl(196, 12%, 39%)
HWB hwb(196, 35%, 56%)
Print & Design
CMYK cmyk(21%, 5%, 0%, 56%)
HSV hsv(196, 21%, 44%)
Perceptual (Color Science)
LAB lab(43.25, -4.94, -5.5)
LCH lch(43.25, 7.39, 228.1°)
XYZ xyz(11.94, 13.33, 16.98)
OKLab oklab(0.5089, -0.017, -0.0149)
Accessibility (WCAG 2.1)
Aa
On White
5.73:1
AA Pass
Aa
On Black
3.67:1
Large Only
Aa
White on Color
5.73:1
AA Pass
Aa
Black on Color
3.67:1
Large Only
13.3%
Relative Luminance
0.1333
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
#6F5E58
Complementary
of Dim Gray
#585D6F
Analogous
of Dim Gray
#586F6A
Analogous
of Dim Gray
#7C9098
Lighter Tint
of Dim Gray
#A6B4B9
Lighter Tint
of Dim Gray
#D1D8DB
Lighter Tint
of Dim Gray
#364145
Darker Shade
of Dim Gray
#14181A
Darker Shade
of Dim Gray
#0B0D0E
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#6F7E83
Slate Gray
6.5% Gray
Web Formats
HEX #6F7E83
RGB 111,126,131
HSL hsl(195, 8%, 47%)
HWB hwb(195, 44%, 49%)
Print & Design
CMYK cmyk(15%, 4%, 0%, 49%)
HSV hsv(195, 15%, 51%)
Perceptual (Color Science)
LAB lab(51.77, -4.38, -4.58)
LCH lch(51.77, 6.33, 226.3°)
XYZ xyz(18.11, 19.94, 24.36)
OKLab oklab(0.5825, -0.0148, -0.0124)
Accessibility (WCAG 2.1)
Aa
On White
4.21:1
Large Only
Aa
On Black
4.99:1
AA Pass
Aa
White on Color
4.21:1
Large Only
Aa
Black on Color
4.99:1
AA Pass
19.9%
Relative Luminance
0.1994
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
#81736E
Complementary
of Slate Gray
#6E7381
Analogous
of Slate Gray
#6E817D
Analogous
of Slate Gray
#96A2A6
Lighter Tint
of Slate Gray
#C0C7C9
Lighter Tint
of Slate Gray
#E9EBEC
Lighter Tint
of Slate Gray
#4B5558
Darker Shade
of Slate Gray
#282D2F
Darker Shade
of Slate Gray
#0C0D0E
Darker Shade
of Slate Gray
Slate Gray
Named Color
Discover the Hue
#2D2615
Black
6.1% Black
Web Formats
HEX #2D2615
RGB 45,38,21
HSL hsl(43, 36%, 13%)
HWB hwb(43, 8%, 82%)
Print & Design
CMYK cmyk(0%, 16%, 53%, 82%)
HSV hsv(43, 53%, 18%)
Perceptual (Color Science)
LAB lab(15.48, 0.27, 12.47)
LCH lch(15.48, 12.47, 88.8°)
XYZ xyz(1.91, 2, 0.99)
OKLab oklab(0.2715, 0.0011, 0.0304)
Accessibility (WCAG 2.1)
Aa
On White
15.00:1
AAA Pass
Aa
On Black
1.40:1
Fail
Aa
White on Color
15.00:1
AAA Pass
Aa
Black on Color
1.40:1
Fail
2.0%
Relative Luminance
0.0200
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
#151C2D
Complementary
of Black
#282D15
Analogous
of Black
#2D1A15
Analogous
of Black
#61532E
Lighter Tint
of Black
#957F46
Lighter Tint
of Black
#BAA56D
Lighter Tint
of Black
#110F08
Darker Shade
of Black
#110F08
Darker Shade
of Black
#110F08
Darker Shade
of Black
Black
Named Color
Discover the Hue
#453519
Dark Slate Gray
4.6% Gray
Web Formats
HEX #453519
RGB 69,53,25
HSL hsl(38, 47%, 18%)
HWB hwb(38, 10%, 73%)
Print & Design
CMYK cmyk(0%, 23%, 64%, 73%)
HSV hsv(38, 64%, 27%)
Perceptual (Color Science)
LAB lab(23.28, 3.2, 20.17)
LCH lch(23.28, 20.42, 81°)
XYZ xyz(3.9, 3.88, 1.46)
OKLab oklab(0.3398, 0.0084, 0.0475)
Accessibility (WCAG 2.1)
Aa
On White
11.82:1
AAA Pass
Aa
On Black
1.78:1
Fail
Aa
White on Color
11.82:1
AAA Pass
Aa
Black on Color
1.78:1
Fail
3.9%
Relative Luminance
0.0388
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
#182843
Complementary
of Dark Slate Gray
#3E4318
Analogous
of Dark Slate Gray
#431E18
Analogous
of Dark Slate Gray
#7C5F2D
Lighter Tint
of Dark Slate Gray
#B48A41
Lighter Tint
of Dark Slate Gray
#CDAC74
Lighter Tint
of Dark Slate Gray
#130E07
Darker Shade
of Dark Slate Gray
#130E07
Darker Shade
of Dark Slate Gray
#130E07
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue

This color palette was derived from Niko Kapa's award-winning project "Drift".

About the Designer

Niko Kapa

Niko Kapa is an acclaimed design visionary recognized by the A' Design Award. Their creative vision reflects exceptional skill in creative direction.

Niko Kapa is an award winning architect, industrial designer and researcher based in Dubai. With an interest in the pioneering research and investigation, as an architect he maintains an active role throughout the design process, in the interrelated fields of architecture and design. He has a genuine interest in the building and construction industry, with a specific focus on sustainability as well as the cultural importance of architecture. His work is addressing urban planning, architecture and industrial design, with an effort to build links between theory and practice.

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

Explore Kapa's Palettes View Kapa's Profile
Platinum A' Building Materials and Construction Components Design Award 2024

About the Award

Platinum A' Building Materials and Construction Components Design Award 2024

Drift has been recognized with the Platinum A' Building Materials and Construction Components Design Award in 2024. 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 indicates commendable design excellence as assessed by the judging body.

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 Drift

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

Drift - View 2
B1B6BE
171C1D
CCCBC9
4F708D
272F34
455E79
C7D5DE
9BA5B1
Drift • View 2
Drift - View 3
B2A284
938C7A
7D7C70
5E5D4F
BBAD90
716D58
5E7533
718E3C
Drift • View 3
Drift - View 4
8B8072
786E62
62584D
484039
9E917E
342F29
AEA28B
06050A
Drift • View 4
Drift - View 5
203841
426D7E
0E1F27
145268
648291
889BA9
39505A
296175
Drift • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Intelligent Innovation
B9B6B4
C7C5C3
9F9C99
E2E1DF
464B20
8D8B85
3E3D3B
74716F
Intelligent Innovation
37,567 ID#136352
Famous
90887C
A19A90
B0ACA7
302B25
494137
C1BDBA
221C17
7A736B
Famous
28,196 ID#121373
MHS Building Systems
767676
9E9C9C
BCBBB9
403F3F
878786
585656
AEADAD
6B6867
MHS Building Systems
25,019 ID#148543
Etile
818087
6E6E6F
4A4A4A
B6B6B7
E2E2E2
585859
C9C9CA
EEEEEE
Etile
27,533 ID#103293
Puzzle
2B3F4B
808685
192A33
949C9D
A9B1B3
46535B
5A4534
686F6F
Puzzle
18,860 ID#121412
160X 6 Pro
53B3C8
E8DBD6
E4C6B7
F0EDF0
EE9C66
E67942
CBC680
D0AA95
160X 6 Pro
833,311 ID#162482
T6 Intelligent
969799
AFAFB2
A2A2A5
D1D1D3
E4E5E6
C0C0C2
787A7E
616366
T6 Intelligent
871,483 ID#162893
Nong Li
69676A
39393A
504F51
252425
848285
111111
DBDAD9
5C5B5E
Nong Li
3,245,104 ID#163373
Xijiu Matured Liquor
402619
5E402E
78543E
291810
8F6841
120805
EFCB8E
AB7F50
Xijiu Matured Liquor
931,844 ID#163642
FOODres
F1F1F2
D0CBC6
DCC4A8
474D3B
BDB8B3
E7D8C0
606548
92A453
FOODres
973,876 ID#163663
Hoverpen Interstellar
ECF0F5
5D6A88
354058
485571
171C26
273147
838EA5
C6CDDA
Hoverpen Interstellar
657,933 ID#163853
Flow 360
E4E4E4
C8C8CA
A3A2A5
808084
B5B5B7
6D6D72
D5D5D6
929195
Flow 360
707,618 ID#164182