HKBCF - Passenger Clearance Building - 8 Color Pal... | Architecture Colors
Architecture Colors

Color Palette

HKBCF - Passenger Clearance Building — Cross Border Crossing Facility

7199BF
Copy As
HEX #7199BF
RGB rgb(113,153,191)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
28300B
Copy As
HEX #28300B
RGB rgb(40,48,11)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
161C06
Copy As
HEX #161C06
RGB rgb(22,28,6)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
577C9E
Copy As
HEX #577C9E
RGB rgb(87,124,158)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
070B02
Copy As
HEX #070B02
RGB rgb(7,11,2)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
507086
Copy As
HEX #507086
RGB rgb(80,112,134)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
4A5354
Copy As
HEX #4A5354
RGB rgb(74,83,84)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
61676A
Copy As
HEX #61676A
RGB rgb(97,103,106)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
#7199BF
#28300B
#161C06
#577C9E
#070B02
#507086
#4A5354
#61676A
HKBCF - Passenger Clearance Building

This palette was extracted from

HKBCF - Passenger Clearance Building

Award-Winning Cross Border Crossing Facility

About the Design

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

About the Award-Winning Cross Border Crossing Facility Design: The Hong Kong-Zhuhai-Macao Bridge is a large sea-crossing linking Hong Kong with Zhuhai City and Macao. The Passenger Clearance Building (PCB) serve as a transportation hub to provide clearance facilities for goods and passengers respectively using the bridge. The objective of the HKBCF is to create a new landmark building that reflects Hong Kong as a vibrant global and metropolitan city, and a gateway of Hong Kong to serve for the western part of Pearl River Delta via HZMB.

This palette has a refreshing feel, suggesting tranquility and clarity.

View at A' Design Award

HKBCF - Passenger Clearance Building, where these colors originate, was designed by Aedas.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#7199BF
Cadet Blue
33.2% Cyan
Web Formats
HEX #7199BF
RGB 113,153,191
HSL hsl(209, 38%, 60%)
HWB hwb(209, 44%, 25%)
Print & Design
CMYK cmyk(41%, 20%, 0%, 25%)
HSV hsv(209, 41%, 75%)
Perceptual (Color Science)
LAB lab(61.7, -3.8, -23.98)
LCH lch(61.7, 24.28, 261°)
XYZ xyz(27.6, 30.05, 53.63)
OKLab oklab(0.668, -0.0273, -0.0664)
Accessibility (WCAG 2.1)
Aa
On White
3.00:1
Large Only
Aa
On Black
7.01:1
AAA Pass
Aa
White on Color
3.00:1
Large Only
Aa
Black on Color
7.01:1
AAA Pass
30.1%
Relative Luminance
0.3005
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
#C09872
Complementary
of Cadet Blue
#7274C0
Analogous
of Cadet Blue
#72C0BE
Analogous
of Cadet Blue
#A7C0D7
Lighter Tint
of Cadet Blue
#DCE6EF
Lighter Tint
of Cadet Blue
#EDF2F7
Lighter Tint
of Cadet Blue
#47749E
Darker Shade
of Cadet Blue
#2F4D6A
Darker Shade
of Cadet Blue
#182735
Darker Shade
of Cadet Blue
Cadet Blue
Named Color
Discover the Hue
#28300B
Black
23.1% Black
Web Formats
HEX #28300B
RGB 40,48,11
HSL hsl(73, 63%, 12%)
HWB hwb(73, 4%, 81%)
Print & Design
CMYK cmyk(17%, 0%, 77%, 81%)
HSV hsv(73, 77%, 19%)
Perceptual (Color Science)
LAB lab(18.32, -10.05, 21.41)
LCH lch(18.32, 23.65, 115.2°)
XYZ xyz(1.99, 2.59, 0.71)
OKLab oklab(0.2924, -0.0292, 0.0496)
Accessibility (WCAG 2.1)
Aa
On White
13.84:1
AAA Pass
Aa
On Black
1.52:1
Fail
Aa
White on Color
13.84:1
AAA Pass
Aa
Black on Color
1.52:1
Fail
2.6%
Relative Luminance
0.0259
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
#140B32
Complementary
of Black
#16320B
Analogous
of Black
#32270B
Analogous
of Black
#5D7019
Lighter Tint
of Black
#91AF28
Lighter Tint
of Black
#B8D64C
Lighter Tint
of Black
#111505
Darker Shade
of Black
#111505
Darker Shade
of Black
#111505
Darker Shade
of Black
Black
Named Color
Discover the Hue
#161C06
Black
20.7% Black
Web Formats
HEX #161C06
RGB 22,28,6
HSL hsl(76, 65%, 7%)
HWB hwb(76, 2%, 89%)
Print & Design
CMYK cmyk(21%, 0%, 79%, 89%)
HSV hsv(76, 79%, 11%)
Perceptual (Color Science)
LAB lab(9.11, -7.35, 11.03)
LCH lch(9.11, 13.26, 123.7°)
XYZ xyz(0.78, 1.01, 0.33)
OKLab oklab(0.2139, -0.0212, 0.0336)
Accessibility (WCAG 2.1)
Aa
On White
17.46:1
AAA Pass
Aa
On Black
1.20:1
Fail
Aa
White on Color
17.46:1
AAA Pass
Aa
Black on Color
1.20:1
Fail
1.0%
Relative Luminance
0.0101
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
#0C061D
Complementary
of Black
#0C1D06
Analogous
of Black
#1D1806
Analogous
of Black
#495D14
Lighter Tint
of Black
#7B9C21
Lighter Tint
of Black
#AAD435
Lighter Tint
of Black
#111504
Darker Shade
of Black
#111504
Darker Shade
of Black
#111504
Darker Shade
of Black
Black
Named Color
Discover the Hue
#577C9E
Slate Gray
10.8% Gray
Web Formats
HEX #577C9E
RGB 87,124,158
HSL hsl(209, 29%, 48%)
HWB hwb(209, 34%, 38%)
Print & Design
CMYK cmyk(45%, 22%, 0%, 38%)
HSV hsv(209, 45%, 62%)
Perceptual (Color Science)
LAB lab(50.58, -3.58, -22.31)
LCH lch(50.58, 22.6, 260.9°)
XYZ xyz(17.31, 18.91, 35.08)
OKLab oklab(0.5723, -0.0263, -0.062)
Accessibility (WCAG 2.1)
Aa
On White
4.39:1
Large Only
Aa
On Black
4.78:1
AA Pass
Aa
White on Color
4.39:1
Large Only
Aa
Black on Color
4.78:1
AA Pass
18.9%
Relative Luminance
0.1891
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
#9E7957
Complementary
of Slate Gray
#57589E
Analogous
of Slate Gray
#579E9D
Analogous
of Slate Gray
#85A2BC
Lighter Tint
of Slate Gray
#B7C7D7
Lighter Tint
of Slate Gray
#E8EDF2
Lighter Tint
of Slate Gray
#3C556D
Darker Shade
of Slate Gray
#212E3B
Darker Shade
of Slate Gray
#090D10
Darker Shade
of Slate Gray
Slate Gray
Named Color
Discover the Hue
#070B02
Black
5.7% Black
Web Formats
HEX #070B02
RGB 7,11,2
HSL hsl(87, 69%, 3%)
HWB hwb(87, 1%, 96%)
Print & Design
CMYK cmyk(36%, 0%, 82%, 96%)
HSV hsv(87, 82%, 4%)
Perceptual (Color Science)
LAB lab(2.61, -2.31, 3.04)
LCH lch(2.61, 3.82, 127.2°)
XYZ xyz(0.22, 0.29, 0.1)
OKLab oklab(0.1406, -0.0148, 0.021)
Accessibility (WCAG 2.1)
Aa
On White
19.85:1
AAA Pass
Aa
On Black
1.06:1
Fail
Aa
White on Color
19.85:1
AAA Pass
Aa
Black on Color
1.06:1
Fail
0.3%
Relative Luminance
0.0029
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
#07020D
Complementary
of Black
#030D02
Analogous
of Black
#0D0C02
Analogous
of Black
#314E0E
Lighter Tint
of Black
#5A8E1A
Lighter Tint
of Black
#83CF26
Lighter Tint
of Black
#0E1604
Darker Shade
of Black
#0E1604
Darker Shade
of Black
#0E1604
Darker Shade
of Black
Black
Named Color
Discover the Hue
#507086
Slate Gray
2.6% Gray
Web Formats
HEX #507086
RGB 80,112,134
HSL hsl(204, 25%, 42%)
HWB hwb(204, 31%, 47%)
Print & Design
CMYK cmyk(40%, 16%, 0%, 47%)
HSV hsv(204, 40%, 53%)
Perceptual (Color Science)
LAB lab(45.65, -5.49, -15.74)
LCH lch(45.65, 16.68, 250.8°)
XYZ xyz(13.4, 15.01, 24.74)
OKLab oklab(0.5292, -0.0261, -0.0434)
Accessibility (WCAG 2.1)
Aa
On White
5.25:1
AA Pass
Aa
On Black
4.00:1
Large Only
Aa
White on Color
5.25:1
AA Pass
Aa
Black on Color
4.00:1
Large Only
15.0%
Relative Luminance
0.1502
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
#866650
Complementary
of Slate Gray
#505686
Analogous
of Slate Gray
#508681
Analogous
of Slate Gray
#7697AD
Lighter Tint
of Slate Gray
#A6BBC9
Lighter Tint
of Slate Gray
#D6E0E6
Lighter Tint
of Slate Gray
#344856
Darker Shade
of Slate Gray
#172026
Darker Shade
of Slate Gray
#0A0D10
Darker Shade
of Slate Gray
Slate Gray
Named Color
Discover the Hue
#4A5354
Dark Slate Gray
2.0% Gray
Web Formats
HEX #4A5354
RGB 74,83,84
HSL hsl(186, 6%, 31%)
HWB hwb(186, 29%, 67%)
Print & Design
CMYK cmyk(12%, 1%, 0%, 67%)
HSV hsv(186, 12%, 33%)
Perceptual (Color Science)
LAB lab(34.56, -3.33, -1.8)
LCH lch(34.56, 3.78, 208.4°)
XYZ xyz(7.52, 8.28, 9.59)
OKLab oklab(0.4346, -0.0105, -0.0049)
Accessibility (WCAG 2.1)
Aa
On White
7.91:1
AAA Pass
Aa
On Black
2.66:1
Fail
Aa
White on Color
7.91:1
AAA Pass
Aa
Black on Color
2.66:1
Fail
8.3%
Relative Luminance
0.0828
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
#544B4A
Complementary
of Dark Slate Gray
#4A4E54
Analogous
of Dark Slate Gray
#4A5450
Analogous
of Dark Slate Gray
#6E7B7C
Lighter Tint
of Dark Slate Gray
#96A0A2
Lighter Tint
of Dark Slate Gray
#BEC5C5
Lighter Tint
of Dark Slate Gray
#262B2B
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
#61676A
Dim Gray
1.9% Gray
Web Formats
HEX #61676A
RGB 97,103,106
HSL hsl(200, 4%, 40%)
HWB hwb(200, 38%, 58%)
Print & Design
CMYK cmyk(8%, 3%, 0%, 58%)
HSV hsv(200, 8%, 42%)
Perceptual (Color Science)
LAB lab(43.19, -1.65, -2.48)
LCH lch(43.19, 2.98, 236.4°)
XYZ xyz(12.38, 13.28, 15.54)
OKLab oklab(0.5096, -0.0058, -0.0067)
Accessibility (WCAG 2.1)
Aa
On White
5.74:1
AA Pass
Aa
On Black
3.66:1
Large Only
Aa
White on Color
5.74:1
AA Pass
Aa
Black on Color
3.66:1
Large Only
13.3%
Relative Luminance
0.1328
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
#6A6562
Complementary
of Dim Gray
#62636A
Analogous
of Dim Gray
#626A69
Analogous
of Dim Gray
#888E91
Lighter Tint
of Dim Gray
#AFB4B6
Lighter Tint
of Dim Gray
#D7D9DA
Lighter Tint
of Dim Gray
#3D4142
Darker Shade
of Dim Gray
#181A1B
Darker Shade
of Dim Gray
#0C0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue

The colors shown were sampled from Aedas's award-winning project "HKBCF - Passenger Clearance Building".

About Aedas

Aedas

Aedas is a distinguished agency honored by the A' Design Award. Their portfolio reflects expertise in design innovation.

Discover more color palettes from Aedas' award-winning work.

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

About the Award

Platinum A' Architecture, Building and Structure Design Award 2020

HKBCF - Passenger Clearance Building 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 comprising academics, professionals and press members. 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 HKBCF - Passenger Clearance Building

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

HKBCF - Passenger Clearance Building - View 2
708D9A
5A7A8F
DEE1D9
CACECD
F4ECD6
374854
233543
88857F
HKBCF - Passenger Clearance Building • View 2
HKBCF - Passenger Clearance Building - View 3
5C3811
72471A
534028
3F2D18
6D5D45
6B502F
984915
8A6C49
HKBCF - Passenger Clearance Building • View 3
HKBCF - Passenger Clearance Building - View 4
8A4F10
A5651C
774F21
876033
2D301B
43412B
6F3E0A
827052
HKBCF - Passenger Clearance Building • View 4
HKBCF - Passenger Clearance Building - View 5
3577B5
4589C4
5899CF
3B2611
78ABD5
5C310A
1B130B
A38C53
HKBCF - Passenger Clearance Building • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

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
MRC Vison
026FB8
536224
137EC0
328CC6
529FCE
795E4B
45581C
8D441E
MRC Vison
3,385,669 ID#151645
Shenzhen Art Museum
7FB4EF
11243A
465A79
5C6883
9BC8F8
74A6E6
0B3259
B8D7FA
Shenzhen Art Museum
2,502,214 ID#156276
Stacked Crystal Form
73A8E2
B3B4B8
5A91D6
4B5B24
9DA1A9
262824
34411C
0F1015
Stacked Crystal Form
49,074 ID#170837
Xinhe Group HQ
A2B4D5
485C74
5A708C
B5C5E2
2C3837
475053
6C819F
1B2929
Xinhe Group HQ
57,247 ID#172347
Urban Symbiosis
80ACDB
486492
6179A0
3A5585
93C0E6
7A93B4
6C5B51
4A515D
Urban Symbiosis
53,707 ID#163837
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
China Overseas Yongding Jiuli
461,708 ID#162656
Huai’an Zhongshuge
211D1A
3D3029
544237
0B0A0A
705A4B
8A7564
6F4F3A
87654A
Huai’an Zhongshuge
695,755 ID#167817
Tender Soul of Ocean
12458B
0A3978
2355A0
3665B2
161B37
0E1028
4B78C1
2A3A61
Tender Soul of Ocean
1,240,979 ID#156105
Royal One
341610
4C261D
53433E
6D4234
726762
5D3428
615652
3C3636
Royal One
775,595 ID#161059