Skyline Bay Color Palette | Color Plates
Color Plates

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-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.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-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.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-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.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-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.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-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.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-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.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-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.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-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.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 tranquility and clarity.

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

This palette was extracted from FTA Group's acclaimed work "Skyline Bay".

About FTA Group

FTA Group

FTA Group is an acclaimed agency recognized by the A' Design Award. Their creative vision demonstrates exceptional skill in creative development.

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 received recognition with the Platinum A' Architecture, Building and Structure Design Award in 2024. The A' Design Award is one of the world's most recognized design accolade that celebrates remarkable design achievement. Winning entries are identified through careful assessment by an expert jury 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,745,451 ID#155402
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
Embraced in Recycled Steel
3460A4
060C0F
4270B7
2E3A4B
1D262C
304563
51606F
445466
Embraced in Recycled Steel
59,606 ID#170802
Albadoor Villa
1D2D4A
2B406C
384D81
775E4A
C5AB95
604B3B
362A23
4E3A2E
Albadoor Villa
16,319 ID#171412
Theater House
295698
181209
342715
513B25
3369B5
6B4C2C
825E39
9E7345
Theater House
17,264 ID#170083
Twist Bridge
A8BBD1
B7C5D7
5F6062
4B4F51
81A9D0
767678
343E3C
535F31
Twist Bridge
15,237 ID#172453
Aziz House
1668A9
327CB7
498EC6
5F493D
745F51
867263
3C2A21
4F392D
Aziz House
18,483 ID#170382
160X 6 Pro
53B3C8
E8DBD6
E4C6B7
F0EDF0
EE9C66
E67942
CBC680
D0AA95
160X 6 Pro
833,311 ID#162482
T6 Intelligent
969799
AFAFB2
A2A2A5
D1D1D3
E4E5E6
C0C0C2
787A7E
616366
T6 Intelligent
871,483 ID#162893
Nong Li
69676A
39393A
504F51
252425
848285
111111
DBDAD9
5C5B5E
Nong Li
3,245,104 ID#163373
Xijiu Matured Liquor
402619
5E402E
78543E
291810
8F6841
120805
EFCB8E
AB7F50
Xijiu Matured Liquor
931,844 ID#163642