Hill Wind Palette | Design Hues
Design Hues

Color Palette

Hill Wind — Hotel and Resort

77ACCA
Copy As
HEX #77ACCA
RGB rgb(119,172,202)
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
8FBBD5
Copy As
HEX #8FBBD5
RGB rgb(143,187,213)
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
699FBD
Copy As
HEX #699FBD
RGB rgb(105,159,189)
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
1A2521
Copy As
HEX #1A2521
RGB rgb(26,37,33)
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
27353B
Copy As
HEX #27353B
RGB rgb(39,53,59)
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
151E0C
Copy As
HEX #151E0C
RGB rgb(21,30,12)
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
487890
Copy As
HEX #487890
RGB rgb(72,120,144)
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
628DA5
Copy As
HEX #628DA5
RGB rgb(98,141,165)
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
#77ACCA
#8FBBD5
#699FBD
#1A2521
#27353B
#151E0C
#487890
#628DA5
Hill Wind

This palette was extracted from

Hill Wind

Award-Winning Hotel and Resort

About the Design

This design features Cornflower Blue, Sky Blue, Cadet Blue, Black, Dark Slate Gray, and Steel Blue.

About the Award-Winning Hotel and Resort Design: The outline of the external form adopts the thinking mode of modern architecture. The designer extracts the image of geometric clouds from the origami concept and extends the irregular shapes. With the same type of white film as the internationally renowned Burj Al Arab, the two elements are integrated through structural changes, which bring out the best in each other. The building gives people a concise feeling with a balanced and modern texture, and endows the space with different personalities, while leaving a lasting aftertaste.

This palette has a cool feel, creating peaceful balance.

View at A' Design Award

Hill Wind, the design behind this palette, was designed by Huafang Wang.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#77ACCA
Cornflower Blue
34.8% Blue
Web Formats
HEX #77ACCA
RGB 119,172,202
HSL hsl(202, 44%, 63%)
HWB hwb(202, 47%, 21%)
Print & Design
CMYK cmyk(41%, 15%, 0%, 21%)
HSV hsv(202, 41%, 79%)
Perceptual (Color Science)
LAB lab(67.79, -9.68, -20.77)
LCH lch(67.79, 22.91, 245°)
XYZ xyz(33.02, 37.69, 61.4)
OKLab oklab(0.7184, -0.0418, -0.0573)
Accessibility (WCAG 2.1)
Aa
On White
2.46:1
Fail
Aa
On Black
8.54:1
AAA Pass
Aa
White on Color
2.46:1
Fail
Aa
Black on Color
8.54:1
AAA Pass
37.7%
Relative Luminance
0.3769
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
#CA9677
Complementary
of Cornflower Blue
#7782CA
Analogous
of Cornflower Blue
#77CABF
Analogous
of Cornflower Blue
#AECDE0
Lighter Tint
of Cornflower Blue
#E5EFF5
Lighter Tint
of Cornflower Blue
#EDF4F8
Lighter Tint
of Cornflower Blue
#4589B0
Darker Shade
of Cornflower Blue
#2F5E79
Darker Shade
of Cornflower Blue
#1A3342
Darker Shade
of Cornflower Blue
Cornflower Blue
Named Color
Discover the Hue
#8FBBD5
Sky Blue
13.9% Blue
Web Formats
HEX #8FBBD5
RGB 143,187,213
HSL hsl(202, 45%, 70%)
HWB hwb(202, 56%, 16%)
Print & Design
CMYK cmyk(33%, 12%, 0%, 16%)
HSV hsv(202, 33%, 84%)
Perceptual (Color Science)
LAB lab(73.66, -8.37, -17.76)
LCH lch(73.66, 19.64, 244.8°)
XYZ xyz(41.1, 46.18, 69.69)
OKLab oklab(0.7696, -0.0347, -0.0487)
Accessibility (WCAG 2.1)
Aa
On White
2.05:1
Fail
Aa
On Black
10.24:1
AAA Pass
Aa
White on Color
2.05:1
Fail
Aa
Black on Color
10.24:1
AAA Pass
46.2%
Relative Luminance
0.4618
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
#D5A990
Complementary
of Sky Blue
#9099D5
Analogous
of Sky Blue
#90D5CC
Analogous
of Sky Blue
#C8DDEA
Lighter Tint
of Sky Blue
#EDF4F8
Lighter Tint
of Sky Blue
#EDF4F8
Lighter Tint
of Sky Blue
#599AC0
Darker Shade
of Sky Blue
#387294
Darker Shade
of Sky Blue
#23475C
Darker Shade
of Sky Blue
Sky Blue
Named Color
Discover the Hue
#699FBD
Cadet Blue
11.4% Cyan
Web Formats
HEX #699FBD
RGB 105,159,189
HSL hsl(201, 39%, 58%)
HWB hwb(201, 41%, 26%)
Print & Design
CMYK cmyk(44%, 16%, 0%, 26%)
HSV hsv(201, 44%, 74%)
Perceptual (Color Science)
LAB lab(62.9, -9.78, -21.05)
LCH lch(62.9, 23.21, 245.1°)
XYZ xyz(27.41, 31.47, 52.76)
OKLab oklab(0.6762, -0.0428, -0.0582)
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.3147
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
#BE876A
Complementary
of Cadet Blue
#6A77BE
Analogous
of Cadet Blue
#6ABEB1
Analogous
of Cadet Blue
#9FC2D5
Lighter Tint
of Cadet Blue
#D4E4EC
Lighter Tint
of Cadet Blue
#EDF4F7
Lighter Tint
of Cadet Blue
#437A98
Darker Shade
of Cadet Blue
#2C5063
Darker Shade
of Cadet Blue
#14252E
Darker Shade
of Cadet Blue
Cadet Blue
Named Color
Discover the Hue
#1A2521
Black
10.2% Black
Web Formats
HEX #1A2521
RGB 26,37,33
HSL hsl(158, 17%, 12%)
HWB hwb(158, 10%, 85%)
Print & Design
CMYK cmyk(30%, 0%, 11%, 85%)
HSV hsv(158, 30%, 15%)
Perceptual (Color Science)
LAB lab(13.55, -5.91, 1.09)
LCH lch(13.55, 6.01, 169.5°)
XYZ xyz(1.36, 1.65, 1.69)
OKLab oklab(0.2525, -0.017, 0.0028)
Accessibility (WCAG 2.1)
Aa
On White
15.78:1
AAA Pass
Aa
On Black
1.33:1
Fail
Aa
White on Color
15.78:1
AAA Pass
Aa
Black on Color
1.33:1
Fail
1.7%
Relative Luminance
0.0165
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
#24191D
Complementary
of Black
#192224
Analogous
of Black
#19241B
Analogous
of Black
#395148
Lighter Tint
of Black
#597D70
Lighter Tint
of Black
#7FA496
Lighter Tint
of Black
#0B0F0D
Darker Shade
of Black
#0B0F0D
Darker Shade
of Black
#0B0F0D
Darker Shade
of Black
Black
Named Color
Discover the Hue
#27353B
Dark Slate Gray
9.3% Gray
Web Formats
HEX #27353B
RGB 39,53,59
HSL hsl(198, 20%, 19%)
HWB hwb(198, 15%, 77%)
Print & Design
CMYK cmyk(34%, 10%, 0%, 77%)
HSV hsv(198, 34%, 23%)
Perceptual (Color Science)
LAB lab(21.18, -4.05, -5.65)
LCH lch(21.18, 6.95, 234.4°)
XYZ xyz(2.9, 3.29, 4.62)
OKLab oklab(0.3189, -0.0149, -0.0154)
Accessibility (WCAG 2.1)
Aa
On White
12.66:1
AAA Pass
Aa
On Black
1.66:1
Fail
Aa
White on Color
12.66:1
AAA Pass
Aa
Black on Color
1.66:1
Fail
3.3%
Relative Luminance
0.0329
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
#3A2D27
Complementary
of Dark Slate Gray
#272B3A
Analogous
of Dark Slate Gray
#273A36
Analogous
of Dark Slate Gray
#455E68
Lighter Tint
of Dark Slate Gray
#648796
Lighter Tint
of Dark Slate Gray
#91ABB6
Lighter Tint
of Dark Slate Gray
#0A0E0F
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
#151E0C
Black
7.1% Black
Web Formats
HEX #151E0C
RGB 21,30,12
HSL hsl(90, 43%, 8%)
HWB hwb(90, 5%, 88%)
Print & Design
CMYK cmyk(30%, 0%, 60%, 88%)
HSV hsv(90, 60%, 12%)
Perceptual (Color Science)
LAB lab(9.91, -8.32, 9.67)
LCH lch(9.91, 12.75, 130.7°)
XYZ xyz(0.84, 1.11, 0.52)
OKLab oklab(0.2205, -0.0229, 0.0268)
Accessibility (WCAG 2.1)
Aa
On White
17.17:1
AAA Pass
Aa
On Black
1.22:1
Fail
Aa
White on Color
17.17:1
AAA Pass
Aa
Black on Color
1.22:1
Fail
1.1%
Relative Luminance
0.0111
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
#140C1D
Complementary
of Black
#0C1D0C
Analogous
of Black
#1D1D0C
Analogous
of Black
#3B5421
Lighter Tint
of Black
#618B37
Lighter Tint
of Black
#87BB54
Lighter Tint
of Black
#0D1207
Darker Shade
of Black
#0D1207
Darker Shade
of Black
#0D1207
Darker Shade
of Black
Black
Named Color
Discover the Hue
#487890
Steel Blue
7.0% Blue
Web Formats
HEX #487890
RGB 72,120,144
HSL hsl(200, 33%, 42%)
HWB hwb(200, 28%, 44%)
Print & Design
CMYK cmyk(50%, 17%, 0%, 44%)
HSV hsv(200, 50%, 56%)
Perceptual (Color Science)
LAB lab(48.04, -9.34, -18.08)
LCH lch(48.04, 20.35, 242.7°)
XYZ xyz(14.42, 16.82, 28.87)
OKLab oklab(0.5482, -0.0401, -0.0501)
Accessibility (WCAG 2.1)
Aa
On White
4.81:1
AA Pass
Aa
On Black
4.36:1
Large Only
Aa
White on Color
4.81:1
AA Pass
Aa
Black on Color
4.36:1
Large Only
16.8%
Relative Luminance
0.1682
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
#8E5F48
Complementary
of Steel Blue
#48548E
Analogous
of Steel Blue
#488E83
Analogous
of Steel Blue
#6D9DB6
Lighter Tint
of Steel Blue
#A0BFCF
Lighter Tint
of Steel Blue
#D3E1E9
Lighter Tint
of Steel Blue
#2E4C5C
Darker Shade
of Steel Blue
#152229
Darker Shade
of Steel Blue
#090E11
Darker Shade
of Steel Blue
Steel Blue
Named Color
Discover the Hue
#628DA5
Cadet Blue
6.2% Cyan
Web Formats
HEX #628DA5
RGB 98,141,165
HSL hsl(201, 27%, 52%)
HWB hwb(201, 38%, 35%)
Print & Design
CMYK cmyk(41%, 15%, 0%, 35%)
HSV hsv(201, 41%, 65%)
Perceptual (Color Science)
LAB lab(56.45, -8.33, -17.33)
LCH lch(56.45, 19.23, 244.3°)
XYZ xyz(21.35, 24.36, 39.17)
OKLab oklab(0.6211, -0.0354, -0.0478)
Accessibility (WCAG 2.1)
Aa
On White
3.58:1
Large Only
Aa
On Black
5.87:1
AA Pass
Aa
White on Color
3.58:1
Large Only
Aa
Black on Color
5.87:1
AA Pass
24.4%
Relative Luminance
0.2436
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
#A67B64
Complementary
of Cadet Blue
#646DA6
Analogous
of Cadet Blue
#64A69C
Analogous
of Cadet Blue
#94B2C2
Lighter Tint
of Cadet Blue
#C5D5DD
Lighter Tint
of Cadet Blue
#EFF3F6
Lighter Tint
of Cadet Blue
#456678
Darker Shade
of Cadet Blue
#293D47
Darker Shade
of Cadet Blue
#0D1317
Darker Shade
of Cadet Blue
Cadet Blue
Named Color
Discover the Hue

The colors shown were sampled from Huafang Wang's award-winning project "Hill Wind".

About the Designer

Huafang Wang

Huafang Wang is a distinguished creative director honored by the A' Design Award. Their portfolio demonstrates expertise in design and visual communication.

Huafang Wang, Registered Interior Architect, Founder and design director of TRUCONST, Partner of STORM DESIGN, President of Huzhou Youth Designers Federation. The accidental opportunity in 1997 made him set foot in the study of interior design specialty, which attracted him deeply, such as the influence of ergonomics and space on people. After years of professional training in orthodox three-dimensional and interior design, he has set foot in the decoration and design industry, and has continuously expanded his self-value-added. He has continued to study and study design-related courses and travels overseas. Has been committed to decoration "subtraction design" and display art "addition layout". In a reasonable decoration budget and the ultimate effect of the "balance" to reflect the core of the commercial value of modern decoration, professional focus on each job and the spirit of commitment and service to customers.

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

Explore Wang's Palettes View Wang's Profile
Platinum A' Architecture, Building and Structure Design Award 2020

About the Award

Platinum A' Architecture, Building and Structure Design Award 2020

Hill Wind was awarded with the Platinum A' Architecture, Building and Structure 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 representing multiple disciplines. The Platinum status indicates commendable design excellence as assessed by the judging body.

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 Hill Wind

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

Hill Wind - View 2
131810
20261B
2B3036
41464F
535863
030702
616877
727C8E
Hill Wind • View 2
Hill Wind - View 3
63A4C6
72B8D7
1B1A18
332E26
508BAD
457694
765936
0E0E0D
Hill Wind • View 3
Hill Wind - View 4
50361D
634426
7A5531
B18D62
8A6641
9B7D5A
75726D
38402D
Hill Wind • View 4
Hill Wind - View 5
573A20
6A4D30
80694A
A1957B
917D5F
785939
ADA587
575F49
Hill Wind • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

272 Hedges Avenue Pedestal
343524
20260C
646C7C
5E5F5D
798294
504E41
3D3C3E
F9FAFC
272 Hedges Avenue Pedestal
407,374 ID#148558
Ferdinand E Marcos Stadium
2A2A1D
151710
C6B3AC
A89DA1
8D838A
D9C3B7
686F3D
464445
Ferdinand E Marcos Stadium
97,885 ID#154128
Aida Sekkei Precut
5370A5
141613
6582B8
030403
7895CA
8EABDD
A27C6D
352B23
Aida Sekkei Precut
137,070 ID#160159
CC House
3D4221
131610
292D19
575B2F
040605
4F5514
6F6F23
5D626A
CC House
95,777 ID#158589
The Crystal Clubhouse
9FB8E7
BEC0DD
82AFEC
4B4E51
D9CED8
262521
393B3E
7E8798
The Crystal Clubhouse
127,761 ID#160999
Xi'an Qujiang Art Center
BFD0E4
85A1BF
A6BBD2
758FAF
343D43
687E9E
4B4E49
515A5E
Xi'an Qujiang Art Center
383,440 ID#136009
Arctic Aurora
C0AF9F
9EA1A1
DCC7AF
F9EDD1
AD9A8A
EED9BE
94877A
788486
Arctic Aurora
20,711 ID#168458
Urawa Garden Bldg.
5478B4
3E66A2
6A8CC7
2A538E
2C486D
96A0B8
7EA1D4
617C9A
Urawa Garden Bldg.
15,156 ID#171588
Embrasse Moi
9F846E
A3978F
857466
918782
4F4742
AFB0B6
2A2829
6B5B4F
Embrasse Moi
813,847 ID#149079
No Footprint Wood House
4B2A18
653C22
775037
886348
A08C73
A37C5D
9D714D
B98B5E
No Footprint Wood House
1,269,866 ID#164868
Secret of Eternity
9F6D4F
8D5E42
B88761
080705
71472F
D2D2D0
C69C77
C3C2BF
Secret of Eternity
799,385 ID#165548
Spring Dance
B78B72
A3765F
614234
92644D
7B5340
CAA087
2A1D17
4D3126
Spring Dance
1,068,025 ID#165949