Skyline Bay - 8 Color Palette | Color Chips
Color Chips

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

View at A' Design Award

Skyline Bay, the source of these colors, 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 acclaimed work "Skyline Bay".

About FTA Group

FTA Group

FTA Group is an award-winning 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 awarded with the Platinum A' Architecture, Building and Structure Design Award in 2024. 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 with diverse expertise in design. The Platinum 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 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,741,941 ID#155402
Shanghai Cloud
B9CDF4
9BBBEE
383F50
29303D
82ABE4
6E7082
545A6E
82879C
Shanghai Cloud
66,095 ID#172077
Tianjin Zarsion
8898BB
9DACCF
1D1E22
B2C0DE
313237
D8DEF0
7D859C
4F525C
Tianjin Zarsion
183,540 ID#114671
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
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