Villa Madonna - 8 Color Palette | Color Chips
Color Chips

Color Palette

Villa Madonna — Hotel Extension

56434A
Copy As
HEX #56434A
RGB rgb(86,67,74)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
776063
Copy As
HEX #776063
RGB rgb(119,96,99)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
3E2920
Copy As
HEX #3E2920
RGB rgb(62,41,32)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
41343C
Copy As
HEX #41343C
RGB rgb(65,52,60)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
8E96C2
Copy As
HEX #8E96C2
RGB rgb(142,150,194)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
261A17
Copy As
HEX #261A17
RGB rgb(38,26,23)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
A5ABD4
Copy As
HEX #A5ABD4
RGB rgb(165,171,212)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
78534C
Copy As
HEX #78534C
RGB rgb(120,83,76)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
#56434A
#776063
#3E2920
#41343C
#8E96C2
#261A17
#A5ABD4
#78534C
Villa Madonna

This palette was extracted from

Villa Madonna

Award-Winning Hotel Extension

About the Design

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

About the Award-Winning Hotel Extension Design: The morphology of the Hotel Villa Madonna extension was determined by the purpose of identifying meaningful relationships with the natural context. This approach has allowed the adoption of an architecture that, while strongly differentiating stylistically and linguistically, manages to converse harmoniously with the more traditional character of the building to which it is juxtaposed. The intervention relates to the existing building by interpreting the basic compositional role using only technical materials that would, however, resume the logic of tradition in mountain buildings.

This palette has a warming feel, evoking comfort and energy.

View at A' Design Award

Villa Madonna, the source of these colors, was designed by JOSEPH DI PASQUALE ARCHITECTS.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#56434A
Dark Slate Gray
17.3% Gray
Web Formats
HEX #56434A
RGB 86,67,74
HSL hsl(338, 12%, 30%)
HWB hwb(338, 26%, 66%)
Print & Design
CMYK cmyk(0%, 22%, 14%, 66%)
HSV hsv(338, 22%, 34%)
Perceptual (Color Science)
LAB lab(30.61, 9.48, -1.1)
LCH lch(30.61, 9.54, 353.4°)
XYZ xyz(7.08, 6.49, 7.36)
OKLab oklab(0.4054, 0.0281, -0.0028)
Accessibility (WCAG 2.1)
Aa
On White
9.14:1
AAA Pass
Aa
On Black
2.30:1
Fail
Aa
White on Color
9.14:1
AAA Pass
Aa
Black on Color
2.30:1
Fail
6.5%
Relative Luminance
0.0649
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
#43564F
Complementary
of Dark Slate Gray
#564643
Analogous
of Dark Slate Gray
#564353
Analogous
of Dark Slate Gray
#81656F
Lighter Tint
of Dark Slate Gray
#A58D96
Lighter Tint
of Dark Slate Gray
#C7B8BD
Lighter Tint
of Dark Slate Gray
#2B2225
Darker Shade
of Dark Slate Gray
#0E0B0C
Darker Shade
of Dark Slate Gray
#0E0B0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#776063
Dim Gray
16.8% Gray
Web Formats
HEX #776063
RGB 119,96,99
HSL hsl(352, 11%, 42%)
HWB hwb(352, 38%, 53%)
Print & Design
CMYK cmyk(0%, 19%, 17%, 53%)
HSV hsv(352, 19%, 47%)
Perceptual (Color Science)
LAB lab(43.05, 9.82, 1.81)
LCH lch(43.05, 9.98, 10.5°)
XYZ xyz(14.04, 13.19, 13.61)
OKLab oklab(0.5128, 0.0297, 0.0049)
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
#5F7774
Complementary
of Dim Gray
#77685F
Analogous
of Dim Gray
#775F6E
Analogous
of Dim Gray
#9D8589
Lighter Tint
of Dim Gray
#BFB0B2
Lighter Tint
of Dim Gray
#E1DADB
Lighter Tint
of Dim Gray
#4C3D3F
Darker Shade
of Dim Gray
#221B1C
Darker Shade
of Dim Gray
#0E0B0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#3E2920
Dark Slate Gray
14.6% Gray
Web Formats
HEX #3E2920
RGB 62,41,32
HSL hsl(18, 32%, 18%)
HWB hwb(18, 13%, 76%)
Print & Design
CMYK cmyk(0%, 34%, 48%, 76%)
HSV hsv(18, 48%, 24%)
Perceptual (Color Science)
LAB lab(18.86, 8.45, 9.83)
LCH lch(18.86, 12.96, 49.3°)
XYZ xyz(3.04, 2.71, 1.73)
OKLab oklab(0.3037, 0.0254, 0.0246)
Accessibility (WCAG 2.1)
Aa
On White
13.61:1
AAA Pass
Aa
On Black
1.54:1
Fail
Aa
White on Color
13.61:1
AAA Pass
Aa
Black on Color
1.54:1
Fail
2.7%
Relative Luminance
0.0271
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
#1F343D
Complementary
of Dark Slate Gray
#3D371F
Analogous
of Dark Slate Gray
#3D1F25
Analogous
of Dark Slate Gray
#6F4939
Lighter Tint
of Dark Slate Gray
#A26B53
Lighter Tint
of Dark Slate Gray
#BF9582
Lighter Tint
of Dark Slate Gray
#110B09
Darker Shade
of Dark Slate Gray
#110B09
Darker Shade
of Dark Slate Gray
#110B09
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#41343C
Dark Slate Gray
12.4% Gray
Web Formats
HEX #41343C
RGB 65,52,60
HSL hsl(323, 11%, 23%)
HWB hwb(323, 20%, 75%)
Print & Design
CMYK cmyk(0%, 20%, 8%, 75%)
HSV hsv(323, 20%, 25%)
Perceptual (Color Science)
LAB lab(23.36, 7.45, -2.82)
LCH lch(23.36, 7.96, 339.3°)
XYZ xyz(4.22, 3.91, 4.81)
OKLab oklab(0.3422, 0.0215, -0.0074)
Accessibility (WCAG 2.1)
Aa
On White
11.79:1
AAA Pass
Aa
On Black
1.78:1
Fail
Aa
White on Color
11.79:1
AAA Pass
Aa
Black on Color
1.78:1
Fail
3.9%
Relative Luminance
0.0391
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
#344139
Complementary
of Dark Slate Gray
#413436
Analogous
of Dark Slate Gray
#403441
Analogous
of Dark Slate Gray
#6C5663
Lighter Tint
of Dark Slate Gray
#947A8A
Lighter Tint
of Dark Slate Gray
#B6A4AF
Lighter Tint
of Dark Slate Gray
#171215
Darker Shade
of Dark Slate Gray
#0E0B0D
Darker Shade
of Dark Slate Gray
#0E0B0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#8E96C2
Dark Gray
11.6% Gray
Web Formats
HEX #8E96C2
RGB 142,150,194
HSL hsl(231, 30%, 66%)
HWB hwb(231, 56%, 24%)
Print & Design
CMYK cmyk(27%, 23%, 0%, 24%)
HSV hsv(231, 27%, 76%)
Perceptual (Color Science)
LAB lab(62.89, 7.05, -23.67)
LCH lch(62.89, 24.7, 286.6°)
XYZ xyz(31.8, 31.46, 55.43)
OKLab oklab(0.6826, 0.0074, -0.0651)
Accessibility (WCAG 2.1)
Aa
On White
2.88:1
Fail
Aa
On Black
7.29:1
AAA Pass
Aa
White on Color
2.88:1
Fail
Aa
Black on Color
7.29:1
AAA Pass
31.5%
Relative Luminance
0.3146
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
#C2BB8E
Complementary
of Dark Gray
#A08EC2
Analogous
of Dark Gray
#8EB0C2
Analogous
of Dark Gray
#C0C4DD
Lighter Tint
of Dark Gray
#EEF0F6
Lighter Tint
of Dark Gray
#EEF0F6
Lighter Tint
of Dark Gray
#5D68A8
Darker Shade
of Dark Gray
#404977
Darker Shade
of Dark Gray
#252A46
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#261A17
Black
9.5% Black
Web Formats
HEX #261A17
RGB 38,26,23
HSL hsl(12, 25%, 12%)
HWB hwb(12, 9%, 85%)
Print & Design
CMYK cmyk(0%, 32%, 39%, 85%)
HSV hsv(12, 39%, 15%)
Perceptual (Color Science)
LAB lab(10.65, 5.41, 4.42)
LCH lch(10.65, 6.99, 39.3°)
XYZ xyz(1.32, 1.21, 0.97)
OKLab oklab(0.2318, 0.0166, 0.0114)
Accessibility (WCAG 2.1)
Aa
On White
16.90:1
AAA Pass
Aa
On Black
1.24:1
Fail
Aa
White on Color
16.90:1
AAA Pass
Aa
Black on Color
1.24:1
Fail
1.2%
Relative Luminance
0.0121
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
#172326
Complementary
of Black
#262217
Analogous
of Black
#26171C
Analogous
of Black
#563B34
Lighter Tint
of Black
#865B50
Lighter Tint
of Black
#AD8176
Lighter Tint
of Black
#100B0A
Darker Shade
of Black
#100B0A
Darker Shade
of Black
#100B0A
Darker Shade
of Black
Black
Named Color
Discover the Hue
#A5ABD4
Light Steel Blue
9.2% Blue
Web Formats
HEX #A5ABD4
RGB 165,171,212
HSL hsl(232, 35%, 74%)
HWB hwb(232, 65%, 17%)
Print & Design
CMYK cmyk(22%, 19%, 0%, 17%)
HSV hsv(232, 22%, 83%)
Perceptual (Color Science)
LAB lab(70.79, 6.64, -21.45)
LCH lch(70.79, 22.45, 287.2°)
XYZ xyz(41.96, 41.88, 68.15)
OKLab oklab(0.7506, 0.0086, -0.0587)
Accessibility (WCAG 2.1)
Aa
On White
2.24:1
Fail
Aa
On Black
9.38:1
AAA Pass
Aa
White on Color
2.24:1
Fail
Aa
Black on Color
9.38:1
AAA Pass
41.9%
Relative Luminance
0.4188
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
#D4CEA5
Complementary
of Light Steel Blue
#B7A5D4
Analogous
of Light Steel Blue
#A5C3D4
Analogous
of Light Steel Blue
#D9DCED
Lighter Tint
of Light Steel Blue
#EEEFF7
Lighter Tint
of Light Steel Blue
#EEEFF7
Lighter Tint
of Light Steel Blue
#727CBB
Darker Shade
of Light Steel Blue
#495397
Darker Shade
of Light Steel Blue
#303764
Darker Shade
of Light Steel Blue
Light Steel Blue
Named Color
Discover the Hue
#78534C
Dim Gray
8.6% Gray
Web Formats
HEX #78534C
RGB 120,83,76
HSL hsl(10, 22%, 38%)
HWB hwb(10, 30%, 53%)
Print & Design
CMYK cmyk(0%, 31%, 37%, 53%)
HSV hsv(10, 37%, 47%)
Perceptual (Color Science)
LAB lab(39.07, 14.44, 10.28)
LCH lch(39.07, 17.73, 35.5°)
XYZ xyz(12.14, 10.7, 8.26)
OKLab oklab(0.4802, 0.0439, 0.0264)
Accessibility (WCAG 2.1)
Aa
On White
6.69:1
AA Pass
Aa
On Black
3.14:1
Large Only
Aa
White on Color
6.69:1
AA Pass
Aa
Black on Color
3.14:1
Large Only
10.7%
Relative Luminance
0.1070
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
#4C6F76
Complementary
of Dim Gray
#76684C
Analogous
of Dim Gray
#764C5A
Analogous
of Dim Gray
#A2766D
Lighter Tint
of Dim Gray
#BFA19B
Lighter Tint
of Dim Gray
#DDCDCA
Lighter Tint
of Dim Gray
#48322E
Darker Shade
of Dim Gray
#191110
Darker Shade
of Dim Gray
#100B0A
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue

These hues were detected in JOSEPH DI PASQUALE ARCHITECTS's acclaimed work "Villa Madonna".

About the Designer

JOSEPH DI PASQUALE ARCHITECTS

JOSEPH DI PASQUALE ARCHITECTS is a renowned creative professional celebrated by the A' Design Award. Their designs embodies excellence in innovative design.

Joseph di Pasquale è un architetto, docente universitario, dottore di ricerca in architettura, progettista e urbanista con esperienza e riconoscimenti internazionali. È professore a contratto presso la Facoltà di Architettura del Politecnico di Milano e possiede un Phd in Architettura modulare ibrida per alloggi emergenti. Dal 2008 svolge un’intensa attività di divulgazione culturale con conferenze in Italia, Cina, Russia e Stati Uniti, oltre a pubblicare libri e articoli su molte riviste internazionali e pubblicazione accademiche. È fondatore dello studio Joseph di Pasquale Architects, studio di architetti, designer, web master, e videomaker operanti nel settore della ricerca sui nuovi comportamenti di fruizione dell’architettura.

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

Explore DI PASQUALE's Palettes View DI PASQUALE's Profile
Golden A' Architecture, Building and Structure Design Award 2023

About the Award

Golden A' Architecture, Building and Structure Design Award 2023

Villa Madonna was honored with the Golden A' Architecture, Building and Structure Design Award in 2023. 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 with diverse expertise in design. The Golden status represents notable design quality as judged by the review committee.

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 Madonna

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

Villa Madonna - View 2
2C210F
4B3B0F
4B3824
6F584D
8C7E7C
7A4B28
6A5517
161209
Villa Madonna • View 2
Villa Madonna - View 3
BD8A59
86786D
94877F
34221F
A67B59
89684E
B17B47
725440
Villa Madonna • View 3
Villa Madonna - View 4
3F352C
5B5957
4D4943
7291AF
796755
714A07
526881
354D63
Villa Madonna • View 4
Villa Madonna - View 5
4B3720
4466A5
14100C
654A2A
1B1D28
37558E
5778BD
84633A
Villa Madonna • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Fuma
4482D7
2969CA
639CE3
82B3ED
44423C
1A58BF
B9BAC0
575448
Fuma
713,819 ID#164807
Golden Key Venue
3A3120
B9D3EA
834A33
464C21
1C1E14
59636F
424549
697786
Golden Key Venue
2,591,070 ID#168626
Valencia
465735
F2F3F4
646C4B
7D864D
5E6F38
CAC364
A19F5F
324C27
Valencia
547,604 ID#168192
Cosmic Creek
2D3022
C8D9E0
434531
415B66
6C6350
5A7681
57593D
6A713E
Cosmic Creek
664,733 ID#166726
MRC Vison
026FB8
536224
137EC0
328CC6
529FCE
795E4B
45581C
8D441E
MRC Vison
3,463,538 ID#151645
Nanbu Eye
0F171D
1A2632
243445
354658
5377A2
5D524D
453F3D
466C96
Nanbu Eye
4,741,941 ID#155402
Shenzhen Art Museum
7FB4EF
11243A
465A79
5C6883
9BC8F8
74A6E6
0B3259
B8D7FA
Shenzhen Art Museum
2,571,707 ID#156276
Skyline Bay
171F26
1E2F43
86B5E7
243A53
45658B
41546A
3B4046
586575
Skyline Bay
5,690,204 ID#155403
Embrasse Moi
9F846E
A3978F
857466
918782
4F4742
AFB0B6
2A2829
6B5B4F
Embrasse Moi
813,847 ID#149079
Seongdong Smart Shelter
11100F
302318
513723
6C3C19
654E37
AE632E
D9924A
4D2B14
Seongdong Smart Shelter
709,121 ID#161636
Conch
726B5F
847D73
E2E2E1
59554E
969088
020306
C5C1BE
ABA7A1
Conch
1,003,111 ID#162196
160X 6 Pro
53B3C8
E8DBD6
E4C6B7
F0EDF0
EE9C66
E67942
CBC680
D0AA95
160X 6 Pro
828,789 ID#162482