Villa 22 - 8 Color Palette | Color Sets
Color Sets

Color Palette

Villa 22 — Private House

123258
Copy As
HEX #123258
RGB rgb(18,50,88)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
060D15
Copy As
HEX #060D15
RGB rgb(6,13,21)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
2B3026
Copy As
HEX #2B3026
RGB rgb(43,48,38)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
1B231C
Copy As
HEX #1B231C
RGB rgb(27,35,28)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
47453B
Copy As
HEX #47453B
RGB rgb(71,69,59)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
223241
Copy As
HEX #223241
RGB rgb(34,50,65)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
6E654F
Copy As
HEX #6E654F
RGB rgb(110,101,79)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
66523C
Copy As
HEX #66523C
RGB rgb(102,82,60)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
#123258
#060D15
#2B3026
#1B231C
#47453B
#223241
#6E654F
#66523C
Villa 22

This palette was extracted from

Villa 22

Award-Winning Private House

About the Design

This design features Midnight Blue, Black, Dark Slate Gray, Dim Gray, and Dark Olive Green.

About the Award-Winning Private House Design: In Villa 22, water serves as the connecting element. Not only did water play a unifying role in the construction process when pouring concrete, it also has a defining function in which the villa is experienced and perceived. This is a villa in which a sleek geometric interplay of lines (with a leading role for concrete, glass, and wood) forms a symbiosis with the rippling water in the swimming pool. This alliance between the hard, unyielding nature of the concrete, the warm appearance of the applied elm wood, and the rippling water gives Villa 22 a welcoming and homely feel.

This palette has a refreshing feel, evoking tranquility and clarity.

View at A' Design Award

Villa 22, where these colors originate, was designed by Dreessen Willemse Architecten.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#123258
Midnight Blue
69.0% Blue
Web Formats
HEX #123258
RGB 18,50,88
HSL hsl(213, 66%, 21%)
HWB hwb(213, 7%, 65%)
Print & Design
CMYK cmyk(80%, 43%, 0%, 65%)
HSV hsv(213, 80%, 35%)
Perceptual (Color Science)
LAB lab(20.49, 3.31, -26.3)
LCH lch(20.49, 26.5, 277.2°)
XYZ xyz(3.15, 3.11, 9.67)
OKLab oklab(0.3153, -0.0207, -0.075)
Accessibility (WCAG 2.1)
Aa
On White
12.94:1
AAA Pass
Aa
On Black
1.62:1
Fail
Aa
White on Color
12.94:1
AAA Pass
Aa
Black on Color
1.62:1
Fail
3.1%
Relative Luminance
0.0311
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
#593912
Complementary
of Midnight Blue
#161259
Analogous
of Midnight Blue
#125559
Analogous
of Midnight Blue
#1F5698
Lighter Tint
of Midnight Blue
#307AD5
Lighter Tint
of Midnight Blue
#6FA3E2
Lighter Tint
of Midnight Blue
#050E19
Darker Shade
of Midnight Blue
#040C15
Darker Shade
of Midnight Blue
#040C15
Darker Shade
of Midnight Blue
Midnight Blue
Named Color
Discover the Hue
#060D15
Black
9.8% Black
Web Formats
HEX #060D15
RGB 6,13,21
HSL hsl(212, 56%, 5%)
HWB hwb(212, 2%, 92%)
Print & Design
CMYK cmyk(71%, 38%, 0%, 92%)
HSV hsv(212, 71%, 8%)
Perceptual (Color Science)
LAB lab(3.44, -0.31, -5)
LCH lch(3.44, 5.01, 266.5°)
XYZ xyz(0.35, 0.38, 0.76)
OKLab oklab(0.1558, -0.007, -0.0197)
Accessibility (WCAG 2.1)
Aa
On White
19.51:1
AAA Pass
Aa
On Black
1.08:1
Fail
Aa
White on Color
19.51:1
AAA Pass
Aa
Black on Color
1.08:1
Fail
0.4%
Relative Luminance
0.0038
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
#140D06
Complementary
of Black
#060614
Analogous
of Black
#061314
Analogous
of Black
#163150
Lighter Tint
of Black
#27568B
Lighter Tint
of Black
#387BC7
Lighter Tint
of Black
#060C14
Darker Shade
of Black
#060C14
Darker Shade
of Black
#060C14
Darker Shade
of Black
Black
Named Color
Discover the Hue
#2B3026
Dark Slate Gray
9.0% Gray
Web Formats
HEX #2B3026
RGB 43,48,38
HSL hsl(90, 12%, 17%)
HWB hwb(90, 15%, 81%)
Print & Design
CMYK cmyk(10%, 0%, 21%, 81%)
HSV hsv(90, 21%, 19%)
Perceptual (Color Science)
LAB lab(19.09, -4.49, 5.69)
LCH lch(19.09, 7.24, 128.3°)
XYZ xyz(2.4, 2.77, 2.24)
OKLab oklab(0.3009, -0.0119, 0.0146)
Accessibility (WCAG 2.1)
Aa
On White
13.52:1
AAA Pass
Aa
On Black
1.55:1
Fail
Aa
White on Color
13.52:1
AAA Pass
Aa
Black on Color
1.55:1
Fail
2.8%
Relative Luminance
0.0277
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
#2B2631
Complementary
of Dark Slate Gray
#263126
Analogous
of Dark Slate Gray
#313126
Analogous
of Dark Slate Gray
#525B48
Lighter Tint
of Dark Slate Gray
#788669
Lighter Tint
of Dark Slate Gray
#9EAA92
Lighter Tint
of Dark Slate Gray
#0D0E0B
Darker Shade
of Dark Slate Gray
#0D0E0B
Darker Shade
of Dark Slate Gray
#0D0E0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#1B231C
Black
3.8% Black
Web Formats
HEX #1B231C
RGB 27,35,28
HSL hsl(128, 13%, 12%)
HWB hwb(128, 11%, 86%)
Print & Design
CMYK cmyk(23%, 0%, 20%, 86%)
HSV hsv(128, 23%, 14%)
Perceptual (Color Science)
LAB lab(12.73, -5.41, 3.53)
LCH lch(12.73, 6.46, 146.9°)
XYZ xyz(1.26, 1.52, 1.33)
OKLab oklab(0.2457, -0.0149, 0.0091)
Accessibility (WCAG 2.1)
Aa
On White
16.11:1
AAA Pass
Aa
On Black
1.30:1
Fail
Aa
White on Color
16.11:1
AAA Pass
Aa
Black on Color
1.30:1
Fail
1.5%
Relative Luminance
0.0152
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
#231B22
Complementary
of Black
#1B2320
Analogous
of Black
#1E231B
Analogous
of Black
#3C4E3E
Lighter Tint
of Black
#5D7961
Lighter Tint
of Black
#83A087
Lighter Tint
of Black
#0B0E0C
Darker Shade
of Black
#0B0E0C
Darker Shade
of Black
#0B0E0C
Darker Shade
of Black
Black
Named Color
Discover the Hue
#47453B
Dark Slate Gray
3.2% Gray
Web Formats
HEX #47453B
RGB 71,69,59
HSL hsl(50, 9%, 25%)
HWB hwb(50, 23%, 72%)
Print & Design
CMYK cmyk(0%, 3%, 17%, 72%)
HSV hsv(50, 17%, 28%)
Perceptual (Color Science)
LAB lab(29.19, -1.2, 6.35)
LCH lch(29.19, 6.46, 100.7°)
XYZ xyz(5.52, 5.91, 4.99)
OKLab oklab(0.3891, -0.0022, 0.0164)
Accessibility (WCAG 2.1)
Aa
On White
9.62:1
AAA Pass
Aa
On Black
2.18:1
Fail
Aa
White on Color
9.62:1
AAA Pass
Aa
Black on Color
2.18:1
Fail
5.9%
Relative Luminance
0.0591
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
#3A3C45
Complementary
of Dark Slate Gray
#42453A
Analogous
of Dark Slate Gray
#453E3A
Analogous
of Dark Slate Gray
#6F6C5D
Lighter Tint
of Dark Slate Gray
#979382
Lighter Tint
of Dark Slate Gray
#B9B7AC
Lighter Tint
of Dark Slate Gray
#1C1B17
Darker Shade
of Dark Slate Gray
#0E0E0C
Darker Shade
of Dark Slate Gray
#0E0E0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#223241
Dark Slate Gray
3.1% Gray
Web Formats
HEX #223241
RGB 34,50,65
HSL hsl(209, 31%, 19%)
HWB hwb(209, 13%, 75%)
Print & Design
CMYK cmyk(48%, 23%, 0%, 75%)
HSV hsv(209, 48%, 25%)
Perceptual (Color Science)
LAB lab(20.05, -1.84, -11.47)
LCH lch(20.05, 11.62, 260.9°)
XYZ xyz(2.75, 3, 5.43)
OKLab oklab(0.31, -0.0133, -0.0318)
Accessibility (WCAG 2.1)
Aa
On White
13.12:1
AAA Pass
Aa
On Black
1.60:1
Fail
Aa
White on Color
13.12:1
AAA Pass
Aa
Black on Color
1.60:1
Fail
3.0%
Relative Luminance
0.0300
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
#3F3021
Complementary
of Dark Slate Gray
#21223F
Analogous
of Dark Slate Gray
#213F3F
Analogous
of Dark Slate Gray
#3C5872
Lighter Tint
of Dark Slate Gray
#567EA4
Lighter Tint
of Dark Slate Gray
#87A4C0
Lighter Tint
of Dark Slate Gray
#090D11
Darker Shade
of Dark Slate Gray
#090D11
Darker Shade
of Dark Slate Gray
#090D11
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#6E654F
Dim Gray
1.2% Gray
Web Formats
HEX #6E654F
RGB 110,101,79
HSL hsl(43, 16%, 37%)
HWB hwb(43, 31%, 57%)
Print & Design
CMYK cmyk(0%, 8%, 28%, 57%)
HSV hsv(43, 28%, 43%)
Perceptual (Color Science)
LAB lab(43.04, -0.26, 13.78)
LCH lch(43.04, 13.78, 91.1°)
XYZ xyz(12.5, 13.19, 9.28)
OKLab oklab(0.5089, 0.001, 0.035)
Accessibility (WCAG 2.1)
Aa
On White
5.77:1
AA Pass
Aa
On Black
3.64:1
Large Only
Aa
White on Color
5.77:1
AA Pass
Aa
Black on Color
3.64:1
Large Only
13.2%
Relative Luminance
0.1319
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
#4F586D
Complementary
of Dim Gray
#676D4F
Analogous
of Dim Gray
#6D564F
Analogous
of Dim Gray
#988D71
Lighter Tint
of Dim Gray
#B8B19D
Lighter Tint
of Dim Gray
#D8D4CA
Lighter Tint
of Dim Gray
#413C2F
Darker Shade
of Dim Gray
#15130F
Darker Shade
of Dim Gray
#0F0E0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#66523C
Dark Olive Green
0.9% Green
Web Formats
HEX #66523C
RGB 102,82,60
HSL hsl(31, 26%, 32%)
HWB hwb(31, 24%, 60%)
Print & Design
CMYK cmyk(0%, 20%, 41%, 60%)
HSV hsv(31, 41%, 40%)
Perceptual (Color Science)
LAB lab(36.34, 4.9, 16.06)
LCH lch(36.34, 16.79, 73°)
XYZ xyz(9.31, 9.19, 5.56)
OKLab oklab(0.453, 0.0153, 0.0401)
Accessibility (WCAG 2.1)
Aa
On White
7.40:1
AAA Pass
Aa
On Black
2.84:1
Fail
Aa
White on Color
7.40:1
AAA Pass
Aa
Black on Color
2.84:1
Fail
9.2%
Relative Luminance
0.0919
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
#3C5167
Complementary
of Dark Olive Green
#66673C
Analogous
of Dark Olive Green
#673D3C
Analogous
of Dark Olive Green
#977959
Lighter Tint
of Dark Olive Green
#B79F85
Lighter Tint
of Dark Olive Green
#D4C5B5
Lighter Tint
of Dark Olive Green
#372C20
Darker Shade
of Dark Olive Green
#100D09
Darker Shade
of Dark Olive Green
#100D09
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue

These hues were detected in Dreessen Willemse Architecten's recognized creation "Villa 22".

About Dreessen Willemse Architecten

Dreessen Willemse Architecten

Dreessen Willemse Architecten is an acclaimed agency celebrated by the A' Design Award. Their designs showcases excellence in product design.

Dreessen Willemse Architecten works on a variety of projects, with municipalities, companies, developers and private clients. The wide range of projects creates a positive interaction between the design tasks, with the private, individual character on the one hand and the large-scale character of public and utility buildings on the other. For each project, the design brief is carefully redefined to fit the clients needs: each question is unique.

Discover more color palettes from Dreessen Willemse Architecten's award-winning work.

Explore Dreessen Willemse Architecten's Palettes View Dreessen Willemse Architecten's Profile
Platinum A' Architecture, Building and Structure Design Award 2021

About the Award

Platinum A' Architecture, Building and Structure Design Award 2021

Villa 22 was awarded with the Platinum A' Architecture, Building and Structure Design Award in 2021. 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 Platinum status signifies significant creative merit as evaluated by the evaluation panel.

A' Architecture, Building and Structure Design Award

Elevate the art of structural design with your visionary architectural projects. The architecture award category highlights exceptional creativity, technical ingenuity, and the integration of sustainable practices in the built environment.

Recognizes: Skyscrapers, Museums, Residential Buildings, Commercial Complexes, Educational Institutions, Religious Structures, Infrastructure Designs, Landscaping Projects and More.
Learn More About A' Architecture, Building and Structure Design Award View at A' Design Award

More Palettes from Villa 22

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

Villa 22 - View 2
A9A59B
BDB9B1
969388
353831
CFCFCB
727269
4A4C44
838378
Villa 22 • View 2
Villa 22 - View 3
3F362D
525049
2B231E
949995
6F796E
5E665B
78634D
6C533F
Villa 22 • View 3
Villa 22 - View 4
378FA2
55A6B3
97CBC9
8BA194
357F8F
7ABFC3
686A60
A2D5D6
Villa 22 • View 4
Villa 22 - View 5
0C2C35
1F4A55
2D6F7A
2A5C64
1BA6BB
24B5C5
06171E
0E3B4B
Villa 22 • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Valencia
465735
F2F3F4
646C4B
7D864D
5E6F38
CAC364
A19F5F
324C27
Valencia
549,231 ID#168192
Nanbu Eye
0F171D
1A2632
243445
354658
5377A2
5D524D
453F3D
466C96
Nanbu Eye
4,745,451 ID#155402
Skyline Bay
171F26
1E2F43
86B5E7
243A53
45658B
41546A
3B4046
586575
Skyline Bay
6,060,146 ID#155403
Yamaha Corporation Headquarters
428DE4
3277D7
62A2EA
21518C
121F32
103B73
2F629E
4178B1
Yamaha Corporation Headquarters
77,989 ID#170181
Dongtou Passenger Port
1B1F29
293242
282911
131314
3D3D20
394659
706D69
ABB0B9
Dongtou Passenger Port
68,085 ID#172054
Yan
F6F9FA
B1B6B6
918C78
7D7866
9DA29F
DBE7F2
C3C9CA
909692
Yan
72,550 ID#163921
Spira Silva
CABCB4
B7ADA8
A49995
675344
8D6E57
40352A
C69B6C
796253
Spira Silva
60,417 ID#170530
Yokohama Chigasakihigashi
2D3F54
1E2D3D
05080D
111C28
99C1E7
7FB0DB
034172
2A2113
Yokohama Chigasakihigashi
90,058 ID#164194
Xingshufu Banouet
521007
511D11
853312
6D200D
A14316
3E0905
0B0202
564335
Xingshufu Banouet
2,900,129 ID#162641
Arabica Riyadh Roastery
C3BDB8
E2E2E1
AEA7A2
9D938C
868483
F1F1F1
89786C
6B6B6A
Arabica Riyadh Roastery
631,225 ID#163450
Wen Shan Hai
1F1610
3A291C
503A28
0C0705
6D573C
1F2A24
6F3F2E
594B37
Wen Shan Hai
798,847 ID#164834
Snow Park
6F665C
84796B
554F49
968B7C
AEA08D
3F3C38
BDB19F
CCC2B1
Snow Park
786,279 ID#170932