View the Colors of Skyline Bay | Color Sets
Color Sets

Color Palette

Skyline Bay — Community Center

171F26
Copy As
HEX #171F26
RGB rgb(23,31,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
1E2F43
Copy As
HEX #1E2F43
RGB rgb(30,47,67)
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
86B5E7
Copy As
HEX #86B5E7
RGB rgb(134,181,231)
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
243A53
Copy As
HEX #243A53
RGB rgb(36,58,83)
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
45658B
Copy As
HEX #45658B
RGB rgb(69,101,139)
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
41546A
Copy As
HEX #41546A
RGB rgb(65,84,106)
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
3B4046
Copy As
HEX #3B4046
RGB rgb(59,64,70)
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
586575
Copy As
HEX #586575
RGB rgb(88,101,117)
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
#171F26
#1E2F43
#86B5E7
#243A53
#45658B
#41546A
#3B4046
#586575
Skyline Bay

This palette was extracted from

Skyline Bay

Award-Winning Community Center

About the Design

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

About the Award-Winning Community Center Design: Skyline Bay Community Center traces its roots to the new modern luxury residence architecture art and surpasses the imagination of traditional residence, creating a neo-modernism innovative luxury residence with a fearless spirit of subversion and breakthrough. It extracts the meandering and streamlined elements of Shaxi to the north side of the plot, integrates the inspiration of time and light, and uses the flowing lines as the main frame of the exhibition area.

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

View at A' Design Award

Skyline Bay, the inspiration behind this palette, was designed by FTA Group.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#171F26
Black
30.4% Black
Web Formats
HEX #171F26
RGB 23,31,38
HSL hsl(208, 25%, 12%)
HWB hwb(208, 9%, 85%)
Print & Design
CMYK cmyk(39%, 18%, 0%, 85%)
HSV hsv(208, 39%, 15%)
Perceptual (Color Science)
LAB lab(11.29, -1.43, -5.91)
LCH lch(11.29, 6.08, 256.4°)
XYZ xyz(1.19, 1.3, 2.02)
OKLab oklab(0.2346, -0.0075, -0.0162)
Accessibility (WCAG 2.1)
Aa
On White
16.66:1
AAA Pass
Aa
On Black
1.26:1
Fail
Aa
White on Color
16.66:1
AAA Pass
Aa
Black on Color
1.26:1
Fail
1.3%
Relative Luminance
0.0130
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
#261E17
Complementary
of Black
#171726
Analogous
of Black
#172626
Analogous
of Black
#344656
Lighter Tint
of Black
#506D86
Lighter Tint
of Black
#7693AD
Lighter Tint
of Black
#0A0D10
Darker Shade
of Black
#0A0D10
Darker Shade
of Black
#0A0D10
Darker Shade
of Black
Black
Named Color
Discover the Hue
#1E2F43
Dark Slate Gray
28.5% Gray
Web Formats
HEX #1E2F43
RGB 30,47,67
HSL hsl(212, 38%, 19%)
HWB hwb(212, 12%, 74%)
Print & Design
CMYK cmyk(55%, 30%, 0%, 74%)
HSV hsv(212, 55%, 26%)
Perceptual (Color Science)
LAB lab(18.86, -0.29, -14.7)
LCH lch(18.86, 14.71, 268.9°)
XYZ xyz(2.56, 2.71, 5.7)
OKLab oklab(0.3002, -0.0125, -0.0411)
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
#43321E
Complementary
of Dark Slate Gray
#1F1E43
Analogous
of Dark Slate Gray
#1E4243
Analogous
of Dark Slate Gray
#365578
Lighter Tint
of Dark Slate Gray
#4D7AAC
Lighter Tint
of Dark Slate Gray
#80A1C6
Lighter Tint
of Dark Slate Gray
#080C12
Darker Shade
of Dark Slate Gray
#080C12
Darker Shade
of Dark Slate Gray
#080C12
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#86B5E7
Sky Blue
10.8% Blue
Web Formats
HEX #86B5E7
RGB 134,181,231
HSL hsl(211, 67%, 72%)
HWB hwb(211, 53%, 9%)
Print & Design
CMYK cmyk(42%, 22%, 0%, 9%)
HSV hsv(211, 42%, 91%)
Perceptual (Color Science)
LAB lab(72.15, -2.86, -29.91)
LCH lch(72.15, 30.05, 264.5°)
XYZ xyz(40.77, 43.88, 81.91)
OKLab oklab(0.7584, -0.0293, -0.0831)
Accessibility (WCAG 2.1)
Aa
On White
2.15:1
Fail
Aa
On Black
9.78:1
AAA Pass
Aa
White on Color
2.15:1
Fail
Aa
Black on Color
9.78:1
AAA Pass
43.9%
Relative Luminance
0.4389
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
#E7B988
Complementary
of Sky Blue
#8988E7
Analogous
of Sky Blue
#88E6E7
Analogous
of Sky Blue
#C8DDF4
Lighter Tint
of Sky Blue
#EAF2FB
Lighter Tint
of Sky Blue
#EAF2FB
Lighter Tint
of Sky Blue
#488FDB
Darker Shade
of Sky Blue
#2369B3
Darker Shade
of Sky Blue
#174373
Darker Shade
of Sky Blue
Sky Blue
Named Color
Discover the Hue
#243A53
Dark Slate Gray
9.4% Gray
Web Formats
HEX #243A53
RGB 36,58,83
HSL hsl(212, 39%, 23%)
HWB hwb(212, 14%, 67%)
Print & Design
CMYK cmyk(57%, 30%, 0%, 67%)
HSV hsv(212, 57%, 33%)
Perceptual (Color Science)
LAB lab(23.76, -0.37, -17.79)
LCH lch(23.76, 17.8, 268.8°)
XYZ xyz(3.8, 4.03, 8.76)
OKLab oklab(0.3423, -0.0158, -0.0499)
Accessibility (WCAG 2.1)
Aa
On White
11.63:1
AAA Pass
Aa
On Black
1.81:1
Fail
Aa
White on Color
11.63:1
AAA Pass
Aa
Black on Color
1.81:1
Fail
4.0%
Relative Luminance
0.0403
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
#523C24
Complementary
of Dark Slate Gray
#252452
Analogous
of Dark Slate Gray
#245052
Analogous
of Dark Slate Gray
#3B5E87
Lighter Tint
of Dark Slate Gray
#5884B6
Lighter Tint
of Dark Slate Gray
#8EABCD
Lighter Tint
of Dark Slate Gray
#0C141C
Darker Shade
of Dark Slate Gray
#080C12
Darker Shade
of Dark Slate Gray
#080C12
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#45658B
Dim Gray
6.7% Gray
Web Formats
HEX #45658B
RGB 69,101,139
HSL hsl(213, 34%, 41%)
HWB hwb(213, 27%, 45%)
Print & Design
CMYK cmyk(50%, 27%, 0%, 45%)
HSV hsv(213, 50%, 55%)
Perceptual (Color Science)
LAB lab(41.9, -0.38, -24.57)
LCH lch(41.9, 24.57, 269.1°)
XYZ xyz(11.77, 12.44, 26.2)
OKLab oklab(0.4986, -0.0205, -0.0687)
Accessibility (WCAG 2.1)
Aa
On White
6.02:1
AA Pass
Aa
On Black
3.49:1
Large Only
Aa
White on Color
6.02:1
AA Pass
Aa
Black on Color
3.49:1
Large Only
12.4%
Relative Luminance
0.1244
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
#8C6C45
Complementary
of Dim Gray
#49458C
Analogous
of Dim Gray
#45898C
Analogous
of Dim Gray
#698BB5
Lighter Tint
of Dim Gray
#9CB3CE
Lighter Tint
of Dim Gray
#CFDAE7
Lighter Tint
of Dim Gray
#2C4059
Darker Shade
of Dim Gray
#131B26
Darker Shade
of Dim Gray
#080C11
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#41546A
Dark Slate Gray
5.4% Gray
Web Formats
HEX #41546A
RGB 65,84,106
HSL hsl(212, 24%, 34%)
HWB hwb(212, 25%, 58%)
Print & Design
CMYK cmyk(39%, 21%, 0%, 58%)
HSV hsv(212, 39%, 42%)
Perceptual (Color Science)
LAB lab(35.01, -1.21, -15.01)
LCH lch(35.01, 15.06, 265.4°)
XYZ xyz(7.95, 8.5, 14.86)
OKLab oklab(0.4391, -0.0131, -0.0415)
Accessibility (WCAG 2.1)
Aa
On White
7.77:1
AAA Pass
Aa
On Black
2.70:1
Fail
Aa
White on Color
7.77:1
AAA Pass
Aa
Black on Color
2.70:1
Fail
8.5%
Relative Luminance
0.0851
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
#6C5842
Complementary
of Dark Slate Gray
#43426C
Analogous
of Dark Slate Gray
#426A6C
Analogous
of Dark Slate Gray
#5F7B9B
Lighter Tint
of Dark Slate Gray
#8DA2B9
Lighter Tint
of Dark Slate Gray
#BDC9D6
Lighter Tint
of Dark Slate Gray
#25303C
Darker Shade
of Dark Slate Gray
#0A0D10
Darker Shade
of Dark Slate Gray
#0A0D10
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#3B4046
Dark Slate Gray
4.6% Gray
Web Formats
HEX #3B4046
RGB 59,64,70
HSL hsl(213, 9%, 25%)
HWB hwb(213, 23%, 73%)
Print & Design
CMYK cmyk(16%, 9%, 0%, 73%)
HSV hsv(213, 16%, 27%)
Perceptual (Color Science)
LAB lab(26.84, -0.6, -4.36)
LCH lch(26.84, 4.4, 262.1°)
XYZ xyz(4.74, 5.04, 6.52)
OKLab oklab(0.3691, -0.0036, -0.0118)
Accessibility (WCAG 2.1)
Aa
On White
10.46:1
AAA Pass
Aa
On Black
2.01:1
Fail
Aa
White on Color
10.46:1
AAA Pass
Aa
Black on Color
2.01:1
Fail
5.0%
Relative Luminance
0.0504
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
#45403A
Complementary
of Dark Slate Gray
#3B3A45
Analogous
of Dark Slate Gray
#3A4545
Analogous
of Dark Slate Gray
#5D656F
Lighter Tint
of Dark Slate Gray
#828B97
Lighter Tint
of Dark Slate Gray
#ACB2B9
Lighter Tint
of Dark Slate Gray
#17191C
Darker Shade
of Dark Slate Gray
#0C0D0E
Darker Shade
of Dark Slate Gray
#0C0D0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#586575
Dim Gray
4.1% Gray
Web Formats
HEX #586575
RGB 88,101,117
HSL hsl(213, 14%, 40%)
HWB hwb(213, 35%, 54%)
Print & Design
CMYK cmyk(25%, 14%, 0%, 54%)
HSV hsv(213, 25%, 46%)
Perceptual (Color Science)
LAB lab(42.26, -1.05, -10.62)
LCH lch(42.26, 10.67, 264.3°)
XYZ xyz(11.89, 12.67, 18.64)
OKLab oklab(0.5017, -0.0085, -0.029)
Accessibility (WCAG 2.1)
Aa
On White
5.94:1
AA Pass
Aa
On Black
3.53:1
Large Only
Aa
White on Color
5.94:1
AA Pass
Aa
Black on Color
3.53:1
Large Only
12.7%
Relative Luminance
0.1267
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
#746758
Complementary
of Dim Gray
#595874
Analogous
of Dim Gray
#587374
Analogous
of Dim Gray
#7C8B9C
Lighter Tint
of Dim Gray
#A8B1BD
Lighter Tint
of Dim Gray
#D3D8DE
Lighter Tint
of Dim Gray
#373F49
Darker Shade
of Dim Gray
#16191D
Darker Shade
of Dim Gray
#0B0D0F
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue

The colors presented here were analyzed from FTA Group's recognized creation "Skyline Bay".

About FTA Group

FTA Group

FTA Group is an acclaimed agency acknowledged by the A' Design Award. Their work embodies mastery in design excellence.

FTA entered China in 2003 and has design institutes in Berlin, Germany, and Shanghai, Shenzhen, China. As a design firm specializing in office and industrial real estate, FTA provides integrated services which include urban planning, architectural design, interior design, landscape design, consulting planning, and park operation. We aim to integrate global resources, technology, and teams and create influential industrial innovation zones. Regarding the Chinese Industrial Park, FTA is one of the design institutions with the maximum number of design works. At the end of 2021, FTA had accumulated more than 900 design experiences and completed more than 30,000,000 square meters. It brings value and a successful experience for clients who put high importance on the quality of the program that FTA's focus, integrated services, and global vision.

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

Explore FTA Group's Palettes View FTA Group's Profile
Platinum A' Architecture, Building and Structure Design Award 2024

About the Award

Platinum A' Architecture, Building and Structure Design Award 2024

Skyline Bay was honored with the Platinum A' Architecture, Building and Structure Design Award in 2024. 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 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 Skyline Bay

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

Skyline Bay - View 2
80A2C2
95B2CC
CED6DE
595F62
304116
1F2A10
10120F
40571E
Skyline Bay • View 2
Skyline Bay - View 3
1A251F
27332E
313F4D
5A677B
475465
718096
0B1112
8695AC
Skyline Bay • View 3
Skyline Bay - View 4
090E14
26323E
7087A5
3A4959
4F647D
7D94B5
44463F
2F3528
Skyline Bay • View 4
Skyline Bay - View 5
476C9E
87B0E8
415C81
364962
11161B
263342
557FB7
9CBFEE
Skyline Bay • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Nanbu Eye
0F171D
1A2632
243445
354658
5377A2
5D524D
453F3D
466C96
Nanbu Eye
4,745,451 ID#155402
Tianjin Zarsion
8898BB
9DACCF
1D1E22
B2C0DE
313237
D8DEF0
7D859C
4F525C
Tianjin Zarsion
184,081 ID#114671
OMG
BECBE0
395378
293F5E
D3E0F1
19293E
50698E
7A93B6
647DA0
OMG
72,247 ID#121873
Valencia
465735
F2F3F4
646C4B
7D864D
5E6F38
CAC364
A19F5F
324C27
Valencia
549,231 ID#168192
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
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