Solar Skywalks - 8 Color Palette | Design Colors
Design Colors

Color Palette

Solar Skywalks — Energetic Activation of Footbridges

7FABFE
Copy As
HEX #7FABFE
RGB rgb(127,171,254)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
97BCFE
Copy As
HEX #97BCFE
RGB rgb(151,188,254)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
3650A4
Copy As
HEX #3650A4
RGB rgb(54,80,164)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
415FB2
Copy As
HEX #415FB2
RGB rgb(65,95,178)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
1E1C2B
Copy As
HEX #1E1C2B
RGB rgb(30,28,43)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
6798FA
Copy As
HEX #6798FA
RGB rgb(103,152,250)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
393E58
Copy As
HEX #393E58
RGB rgb(57,62,88)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
AFCCFE
Copy As
HEX #AFCCFE
RGB rgb(175,204,254)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
#7FABFE
#97BCFE
#3650A4
#415FB2
#1E1C2B
#6798FA
#393E58
#AFCCFE
Solar Skywalks

This palette was extracted from

Solar Skywalks

Award-Winning Energetic Activation of Footbridges

About the Design

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

About the Award-Winning Energetic Activation of Footbridges Design: World's metropolises - like Beijing - have a large number of footbridges traversing busy traffic arteries. They are often unattractive, downgrading the overall urban impression. Designers' idea of cladding the footbridges with aesthetic, power generating PV modules and transforming them into attractive city spots is not only sustainable but creates a sculptural diversity that becomes an eye-catcher in the cityscape. E-car or E-bike charging stations under the footbridges utilize the solar energy directly on site.

This palette has a calming feel, suggesting serenity and focus.

View at A' Design Award

Solar Skywalks, the inspiration behind this palette, was designed by Peter Kuczia.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#7FABFE
Cornflower Blue
20.2% Blue
Web Formats
HEX #7FABFE
RGB 127,171,254
HSL hsl(219, 98%, 75%)
HWB hwb(219, 50%, 0%)
Print & Design
CMYK cmyk(50%, 33%, 0%, 0%)
HSV hsv(219, 50%, 100%)
Perceptual (Color Science)
LAB lab(70.03, 7.59, -45.72)
LCH lch(70.03, 46.35, 279.4°)
XYZ xyz(41.2, 40.79, 99.45)
OKLab oklab(0.7439, -0.0172, -0.1287)
Accessibility (WCAG 2.1)
Aa
On White
2.29:1
Fail
Aa
On Black
9.16:1
AAA Pass
Aa
White on Color
2.29:1
Fail
Aa
Black on Color
9.16:1
AAA Pass
40.8%
Relative Luminance
0.4079
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
#FED281
Complementary
of Cornflower Blue
#9481FE
Analogous
of Cornflower Blue
#81EBFE
Analogous
of Cornflower Blue
#CDDEFE
Lighter Tint
of Cornflower Blue
#E6EFFF
Lighter Tint
of Cornflower Blue
#E6EFFF
Lighter Tint
of Cornflower Blue
#357BFD
Darker Shade
of Cornflower Blue
#0251E3
Darker Shade
of Cornflower Blue
#023697
Darker Shade
of Cornflower Blue
Cornflower Blue
Named Color
Discover the Hue
#97BCFE
Light Sky Blue
19.9% Blue
Web Formats
HEX #97BCFE
RGB 151,188,254
HSL hsl(218, 98%, 79%)
HWB hwb(218, 59%, 0%)
Print & Design
CMYK cmyk(41%, 26%, 0%, 0%)
HSV hsv(218, 41%, 100%)
Perceptual (Color Science)
LAB lab(75.88, 3.85, -36.49)
LCH lch(75.88, 36.69, 276°)
XYZ xyz(48.63, 49.7, 100.78)
OKLab oklab(0.7932, -0.0149, -0.1016)
Accessibility (WCAG 2.1)
Aa
On White
1.92:1
Fail
Aa
On Black
10.94:1
AAA Pass
Aa
White on Color
1.92:1
Fail
Aa
Black on Color
10.94:1
AAA Pass
49.7%
Relative Luminance
0.4970
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
#FED795
Complementary
of Light Sky Blue
#A395FE
Analogous
of Light Sky Blue
#95F0FE
Analogous
of Light Sky Blue
#E1ECFF
Lighter Tint
of Light Sky Blue
#E6EFFF
Lighter Tint
of Light Sky Blue
#E6EFFF
Lighter Tint
of Light Sky Blue
#498BFD
Darker Shade
of Light Sky Blue
#025CF7
Darker Shade
of Light Sky Blue
#0240AC
Darker Shade
of Light Sky Blue
Light Sky Blue
Named Color
Discover the Hue
#3650A4
Dark Slate Blue
15.2% Purple
Web Formats
HEX #3650A4
RGB 54,80,164
HSL hsl(226, 50%, 43%)
HWB hwb(226, 21%, 36%)
Print & Design
CMYK cmyk(67%, 51%, 0%, 36%)
HSV hsv(226, 67%, 64%)
Perceptual (Color Science)
LAB lab(36.37, 18.59, -48.4)
LCH lch(36.37, 51.84, 291°)
XYZ xyz(11.09, 9.2, 36.31)
OKLab oklab(0.4582, -0.0056, -0.1388)
Accessibility (WCAG 2.1)
Aa
On White
7.39:1
AAA Pass
Aa
On Black
2.84:1
Fail
Aa
White on Color
7.39:1
AAA Pass
Aa
Black on Color
2.84:1
Fail
9.2%
Relative Luminance
0.0920
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
#A48B37
Complementary
of Dark Slate Blue
#5437A4
Analogous
of Dark Slate Blue
#3787A4
Analogous
of Dark Slate Blue
#5E77C9
Lighter Tint
of Dark Slate Blue
#98A8DD
Lighter Tint
of Dark Slate Blue
#D1D8F0
Lighter Tint
of Dark Slate Blue
#24346B
Darker Shade
of Dark Slate Blue
#111832
Darker Shade
of Dark Slate Blue
#060913
Darker Shade
of Dark Slate Blue
Dark Slate Blue
Named Color
Discover the Hue
#415FB2
Steel Blue
11.1% Blue
Web Formats
HEX #415FB2
RGB 65,95,178
HSL hsl(224, 47%, 48%)
HWB hwb(224, 25%, 30%)
Print & Design
CMYK cmyk(63%, 47%, 0%, 30%)
HSV hsv(224, 63%, 70%)
Perceptual (Color Science)
LAB lab(42.03, 15.82, -47.55)
LCH lch(42.03, 50.12, 288.4°)
XYZ xyz(14.31, 12.52, 43.77)
OKLab oklab(0.5059, -0.008, -0.1359)
Accessibility (WCAG 2.1)
Aa
On White
5.99:1
AA Pass
Aa
On Black
3.50:1
Large Only
Aa
White on Color
5.99:1
AA Pass
Aa
Black on Color
3.50:1
Large Only
12.5%
Relative Luminance
0.1252
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
#B49541
Complementary
of Steel Blue
#5C41B4
Analogous
of Steel Blue
#4199B4
Analogous
of Steel Blue
#748CCD
Lighter Tint
of Steel Blue
#ADBBE1
Lighter Tint
of Steel Blue
#E5E9F6
Lighter Tint
of Steel Blue
#2D427C
Darker Shade
of Steel Blue
#182443
Darker Shade
of Steel Blue
#070A13
Darker Shade
of Steel Blue
Steel Blue
Named Color
Discover the Hue
#1E1C2B
Black
9.7% Black
Web Formats
HEX #1E1C2B
RGB 30,28,43
HSL hsl(248, 21%, 14%)
HWB hwb(248, 11%, 83%)
Print & Design
CMYK cmyk(30%, 35%, 0%, 83%)
HSV hsv(248, 35%, 17%)
Perceptual (Color Science)
LAB lab(11.14, 5.18, -9.74)
LCH lch(11.14, 11.03, 298°)
XYZ xyz(1.39, 1.28, 2.46)
OKLab oklab(0.236, 0.0099, -0.0269)
Accessibility (WCAG 2.1)
Aa
On White
16.72:1
AAA Pass
Aa
On Black
1.26:1
Fail
Aa
White on Color
16.72:1
AAA Pass
Aa
Black on Color
1.26:1
Fail
1.3%
Relative Luminance
0.0128
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
#292B1C
Complementary
of Black
#261C2B
Analogous
of Black
#1C222B
Analogous
of Black
#3F3A59
Lighter Tint
of Black
#5F5988
Lighter Tint
of Black
#8680AC
Lighter Tint
of Black
#0B0A0F
Darker Shade
of Black
#0B0A0F
Darker Shade
of Black
#0B0A0F
Darker Shade
of Black
Black
Named Color
Discover the Hue
#6798FA
Cornflower Blue
8.3% Blue
Web Formats
HEX #6798FA
RGB 103,152,250
HSL hsl(220, 94%, 69%)
HWB hwb(220, 40%, 2%)
Print & Design
CMYK cmyk(59%, 39%, 0%, 2%)
HSV hsv(220, 59%, 98%)
Perceptual (Color Science)
LAB lab(63.54, 12.34, -53.87)
LCH lch(63.54, 55.27, 282.9°)
XYZ xyz(34.07, 32.24, 94.85)
OKLab oklab(0.6897, -0.019, -0.153)
Accessibility (WCAG 2.1)
Aa
On White
2.82:1
Fail
Aa
On Black
7.45:1
AAA Pass
Aa
White on Color
2.82:1
Fail
Aa
Black on Color
7.45:1
AAA Pass
32.2%
Relative Luminance
0.3224
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
#FAC966
Complementary
of Cornflower Blue
#7E66FA
Analogous
of Cornflower Blue
#66E1FA
Analogous
of Cornflower Blue
#B0C9FD
Lighter Tint
of Cornflower Blue
#E6EEFE
Lighter Tint
of Cornflower Blue
#E6EEFE
Lighter Tint
of Cornflower Blue
#1B65F8
Darker Shade
of Cornflower Blue
#0644C1
Darker Shade
of Cornflower Blue
#042A77
Darker Shade
of Cornflower Blue
Cornflower Blue
Named Color
Discover the Hue
#393E58
Dark Slate Gray
7.9% Gray
Web Formats
HEX #393E58
RGB 57,62,88
HSL hsl(230, 21%, 28%)
HWB hwb(230, 22%, 65%)
Print & Design
CMYK cmyk(35%, 30%, 0%, 65%)
HSV hsv(230, 35%, 35%)
Perceptual (Color Science)
LAB lab(26.79, 5.02, -16.24)
LCH lch(26.79, 17, 287.2°)
XYZ xyz(5.17, 5.02, 9.93)
OKLab oklab(0.3707, 0.0044, -0.045)
Accessibility (WCAG 2.1)
Aa
On White
10.48:1
AAA Pass
Aa
On Black
2.00:1
Fail
Aa
White on Color
10.48:1
AAA Pass
Aa
Black on Color
2.00:1
Fail
5.0%
Relative Luminance
0.0502
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
#565138
Complementary
of Dark Slate Gray
#423856
Analogous
of Dark Slate Gray
#384C56
Analogous
of Dark Slate Gray
#575E85
Lighter Tint
of Dark Slate Gray
#7D85AA
Lighter Tint
of Dark Slate Gray
#ACB1C9
Lighter Tint
of Dark Slate Gray
#1A1D28
Darker Shade
of Dark Slate Gray
#0A0B0F
Darker Shade
of Dark Slate Gray
#0A0B0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#AFCCFE
Light Blue
7.7% Blue
Web Formats
HEX #AFCCFE
RGB 175,204,254
HSL hsl(218, 98%, 84%)
HWB hwb(218, 69%, 0%)
Print & Design
CMYK cmyk(31%, 20%, 0%, 0%)
HSV hsv(218, 31%, 100%)
Perceptual (Color Science)
LAB lab(81.54, 1.6, -27.66)
LCH lch(81.54, 27.7, 273.3°)
XYZ xyz(57.16, 59.45, 102.21)
OKLab oklab(0.8412, -0.0118, -0.0762)
Accessibility (WCAG 2.1)
Aa
On White
1.63:1
Fail
Aa
On Black
12.89:1
AAA Pass
Aa
White on Color
1.63:1
Fail
Aa
Black on Color
12.89:1
AAA Pass
59.5%
Relative Luminance
0.5946
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
#FEE1AE
Complementary
of Light Blue
#B9AEFE
Analogous
of Light Blue
#AEF4FE
Analogous
of Light Blue
#E6EFFF
Lighter Tint
of Light Blue
#E6EFFF
Lighter Tint
of Light Blue
#E6EFFF
Lighter Tint
of Light Blue
#629BFD
Darker Shade
of Light Blue
#176BFD
Darker Shade
of Light Blue
#0249C5
Darker Shade
of Light Blue
Light Blue
Named Color
Discover the Hue

The colors presented here were analyzed from Peter Kuczia's recognized creation "Solar Skywalks".

Peter Kuczia

About the Designer

Peter Kuczia

Peter Kuczia is a distinguished design visionary recognized by the A' Design Award. Their creative vision reflects exceptional skill in creative direction.

Peter Kuczia is an educator and expert in sustainable constructions with more than twenty years of experience. In 2008 he completed his Ph.D. dissertation on solar architecture in Germany. He is an author of ‘Educating Buildings – Learning Sustainability through Displayed Design’. He has been awarded multiple international prizes, including main International awards. His work has been exhibited and published around the world. He is a jury member in international competitions and initiator and curator of the Design that Educates Awards.

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

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

About the Award

Platinum A' Architecture, Building and Structure Design Award 2020

Solar Skywalks has been recognized with the Platinum A' Architecture, Building and Structure Design Award in 2020. 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 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 Solar Skywalks

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

Solar Skywalks - View 2
04070D
303F65
4768AE
3F4F72
5D7BBA
94C3FE
202A44
121823
Solar Skywalks • View 2
Solar Skywalks - View 3
93C0FD
7AB0FD
2D2F46
5A76B5
4363AF
6983C0
ABCEFD
711632
Solar Skywalks • View 3
Solar Skywalks - View 4
92BDFD
79ADFB
4C6AAB
2F3349
5B81CD
AACCFD
1F1B25
6599ED
Solar Skywalks • View 4
Solar Skywalks - View 5
75777E
8B8D94
2C2B33
ABADB4
414049
595A62
0E0E13
1C1B22
Solar Skywalks • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Sunglider
273985
3449A0
465FBC
5B76CF
A56F66
794F4E
B8867C
CC9C8F
Sunglider
75,269 ID#145266
Sunopy
6F98CB
D7D8E0
C6BDBA
2A2C1B
7FA5D0
F2F2F3
3C3629
595157
Sunopy
11,181 ID#161497
Solarlux
F1F3EF
AC9E74
8A9080
2E2E30
E4E6E1
444542
5F605A
88886A
Solarlux
28,582 ID#150517
Solar Veloroute
0C1A31
12203F
050408
232E4C
032F4B
391C2B
36415E
5C657D
Solar Veloroute
15,903 ID#119907
Fuma
4482D7
2969CA
639CE3
82B3ED
44423C
1A58BF
B9BAC0
575448
Fuma
379,493 ID#164807
Golden Key Venue
3A3120
B9D3EA
834A33
464C21
1C1E14
59636F
424549
697786
Golden Key Venue
627,822 ID#168626
Cosmic Creek
2D3022
C8D9E0
434531
415B66
6C6350
5A7681
57593D
6A713E
Cosmic Creek
353,174 ID#166726
Shenzhen Art Museum
7FB4EF
11243A
465A79
5C6883
9BC8F8
74A6E6
0B3259
B8D7FA
Shenzhen Art Museum
2,502,214 ID#156276
Seongdong Smart Shelter
11100F
302318
513723
6C3C19
654E37
AE632E
D9924A
4D2B14
Seongdong Smart Shelter
370,696 ID#161636
Conch
726B5F
847D73
E2E2E1
59554E
969088
020306
C5C1BE
ABA7A1
Conch
519,619 ID#162196
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
China Overseas Yongding Jiuli
461,708 ID#162656
Datalense
0F0C08
282119
5D4D3E
43362A
6A6358
A1988D
867467
795A3E
Datalense
391,349 ID#162927