Discover the Colors of Light Portal | Color Chips
Color Chips

Color Palette

Light Portal — Future Rail City

465860
Copy As
HEX #465860
RGB rgb(70,88,96)
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
37484D
Copy As
HEX #37484D
RGB rgb(55,72,77)
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
576C78
Copy As
HEX #576C78
RGB rgb(87,108,120)
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
162024
Copy As
HEX #162024
RGB rgb(22,32,36)
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
698191
Copy As
HEX #698191
RGB rgb(105,129,145)
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
919797
Copy As
HEX #919797
RGB rgb(145,151,151)
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
2C3B3D
Copy As
HEX #2C3B3D
RGB rgb(44,59,61)
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
A6ABA9
Copy As
HEX #A6ABA9
RGB rgb(166,171,169)
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
#465860
#37484D
#576C78
#162024
#698191
#919797
#2C3B3D
#A6ABA9
Light Portal

This palette was extracted from

Light Portal

Award-Winning Future Rail City

About the Design

This design features Dark Slate Gray, Dim Gray, Black, Slate Gray, Light Slate Gray, and Dark Gray.

About the Award-Winning Future Rail City Design: Light Portal is masterplan of Yibin Highspeed Rail City. A reform of lifestyle recommends to all age all year round. Next to Yibin High Speed Rail Station which operated since June 2019, Yibin Greenland Centre comprises of 160m tall mixed-use Twin Towers integrate architecture and nature with the 1km long landscape boulevard. Yibin has a history for more than 4000 years, accumulating wisdom and culture just like the sediment in the river marked the development of Yibin. The Twin Towers serve as a light portal to guide visitors as well as a landmark for residents to assemble.

This palette has a cool feel, creating serenity and focus.

View at A' Design Award

Light Portal, the inspiration behind this palette, was designed by QUAD studio.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#465860
Dark Slate Gray
23.2% Gray
Web Formats
HEX #465860
RGB 70,88,96
HSL hsl(198, 16%, 33%)
HWB hwb(198, 27%, 62%)
Print & Design
CMYK cmyk(27%, 8%, 0%, 62%)
HSV hsv(198, 27%, 38%)
Perceptual (Color Science)
LAB lab(36.23, -4.84, -6.89)
LCH lch(36.23, 8.42, 234.9°)
XYZ xyz(8.13, 9.13, 12.4)
OKLab oklab(0.4483, -0.0177, -0.0188)
Accessibility (WCAG 2.1)
Aa
On White
7.43:1
AAA Pass
Aa
On Black
2.83:1
Fail
Aa
White on Color
7.43:1
AAA Pass
Aa
Black on Color
2.83:1
Fail
9.1%
Relative Luminance
0.0913
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
#624F47
Complementary
of Dark Slate Gray
#474C62
Analogous
of Dark Slate Gray
#47625C
Analogous
of Dark Slate Gray
#67828E
Lighter Tint
of Dark Slate Gray
#92A7B0
Lighter Tint
of Dark Slate Gray
#BECAD0
Lighter Tint
of Dark Slate Gray
#273135
Darker Shade
of Dark Slate Gray
#0B0E0F
Darker Shade
of Dark Slate Gray
#0B0E0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#37484D
Dark Slate Gray
17.6% Gray
Web Formats
HEX #37484D
RGB 55,72,77
HSL hsl(194, 17%, 26%)
HWB hwb(194, 22%, 70%)
Print & Design
CMYK cmyk(29%, 6%, 0%, 70%)
HSV hsv(194, 29%, 30%)
Perceptual (Color Science)
LAB lab(29.37, -5.35, -5.19)
LCH lch(29.37, 7.46, 224.1°)
XYZ xyz(5.23, 5.98, 7.9)
OKLab oklab(0.389, -0.0183, -0.0141)
Accessibility (WCAG 2.1)
Aa
On White
9.56:1
AAA Pass
Aa
On Black
2.20:1
Fail
Aa
White on Color
9.56:1
AAA Pass
Aa
Black on Color
2.20:1
Fail
6.0%
Relative Luminance
0.0598
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
#4E3C37
Complementary
of Dark Slate Gray
#373D4E
Analogous
of Dark Slate Gray
#374E48
Analogous
of Dark Slate Gray
#57727A
Lighter Tint
of Dark Slate Gray
#7C99A2
Lighter Tint
of Dark Slate Gray
#A8BCC2
Lighter Tint
of Dark Slate Gray
#171F21
Darker Shade
of Dark Slate Gray
#0B0E0F
Darker Shade
of Dark Slate Gray
#0B0E0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#576C78
Dim Gray
15.9% Gray
Web Formats
HEX #576C78
RGB 87,108,120
HSL hsl(202, 16%, 41%)
HWB hwb(202, 34%, 53%)
Print & Design
CMYK cmyk(28%, 10%, 0%, 53%)
HSV hsv(202, 28%, 47%)
Perceptual (Color Science)
LAB lab(44.39, -4.79, -9.23)
LCH lch(44.39, 10.4, 242.6°)
XYZ xyz(12.68, 14.11, 19.82)
OKLab oklab(0.5187, -0.0188, -0.0252)
Accessibility (WCAG 2.1)
Aa
On White
5.50:1
AA Pass
Aa
On Black
3.82:1
Large Only
Aa
White on Color
5.50:1
AA Pass
Aa
Black on Color
3.82:1
Large Only
14.1%
Relative Luminance
0.1411
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
#796458
Complementary
of Dim Gray
#585C79
Analogous
of Dim Gray
#587975
Analogous
of Dim Gray
#7D94A1
Lighter Tint
of Dim Gray
#A9B8C1
Lighter Tint
of Dim Gray
#D6DDE1
Lighter Tint
of Dim Gray
#38454D
Darker Shade
of Dim Gray
#181D21
Darker Shade
of Dim Gray
#0B0D0F
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#162024
Black
11.0% Black
Web Formats
HEX #162024
RGB 22,32,36
HSL hsl(197, 24%, 11%)
HWB hwb(197, 9%, 86%)
Print & Design
CMYK cmyk(39%, 11%, 0%, 86%)
HSV hsv(197, 39%, 14%)
Perceptual (Color Science)
LAB lab(11.49, -3.18, -4.15)
LCH lch(11.49, 5.23, 232.5°)
XYZ xyz(1.17, 1.33, 1.86)
OKLab oklab(0.2357, -0.0116, -0.0113)
Accessibility (WCAG 2.1)
Aa
On White
16.59:1
AAA Pass
Aa
On Black
1.27:1
Fail
Aa
White on Color
16.59:1
AAA Pass
Aa
Black on Color
1.27:1
Fail
1.3%
Relative Luminance
0.0133
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
#231915
Complementary
of Black
#151823
Analogous
of Black
#152320
Analogous
of Black
#324952
Lighter Tint
of Black
#4F7382
Lighter Tint
of Black
#749AAA
Lighter Tint
of Black
#0A0E10
Darker Shade
of Black
#0A0E10
Darker Shade
of Black
#0A0E10
Darker Shade
of Black
Black
Named Color
Discover the Hue
#698191
Slate Gray
9.6% Gray
Web Formats
HEX #698191
RGB 105,129,145
HSL hsl(204, 16%, 49%)
HWB hwb(204, 41%, 43%)
Print & Design
CMYK cmyk(28%, 11%, 0%, 43%)
HSV hsv(204, 28%, 57%)
Perceptual (Color Science)
LAB lab(52.67, -4.75, -11.45)
LCH lch(52.67, 12.4, 247.5°)
XYZ xyz(18.79, 20.75, 29.8)
OKLab oklab(0.5901, -0.0199, -0.0312)
Accessibility (WCAG 2.1)
Aa
On White
4.08:1
Large Only
Aa
On Black
5.15:1
AA Pass
Aa
White on Color
4.08:1
Large Only
Aa
Black on Color
5.15:1
AA Pass
20.8%
Relative Luminance
0.2075
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
#917969
Complementary
of Slate Gray
#696D91
Analogous
of Slate Gray
#69918D
Analogous
of Slate Gray
#95A6B2
Lighter Tint
of Slate Gray
#C1CBD2
Lighter Tint
of Slate Gray
#EDF0F2
Lighter Tint
of Slate Gray
#495965
Darker Shade
of Slate Gray
#293238
Darker Shade
of Slate Gray
#0B0D0F
Darker Shade
of Slate Gray
Slate Gray
Named Color
Discover the Hue
#919797
Light Slate Gray
8.5% Gray
Web Formats
HEX #919797
RGB 145,151,151
HSL hsl(180, 3%, 58%)
HWB hwb(180, 57%, 41%)
Print & Design
CMYK cmyk(4%, 0%, 0%, 41%)
HSV hsv(180, 4%, 59%)
Perceptual (Color Science)
LAB lab(61.99, -2.16, -0.75)
LCH lch(61.99, 2.29, 199.2°)
XYZ xyz(28.33, 30.39, 33.65)
OKLab oklab(0.6715, -0.0067, -0.002)
Accessibility (WCAG 2.1)
Aa
On White
2.97:1
Fail
Aa
On Black
7.08:1
AAA Pass
Aa
White on Color
2.97:1
Fail
Aa
Black on Color
7.08:1
AAA Pass
30.4%
Relative Luminance
0.3039
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
#979191
Complementary
of Light Slate Gray
#919497
Analogous
of Light Slate Gray
#919794
Analogous
of Light Slate Gray
#B8BCBC
Lighter Tint
of Light Slate Gray
#DFE1E1
Lighter Tint
of Light Slate Gray
#F2F3F3
Lighter Tint
of Light Slate Gray
#6A7171
Darker Shade
of Light Slate Gray
#454A4A
Darker Shade
of Light Slate Gray
#202222
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#2C3B3D
Dark Slate Gray
8.2% Gray
Web Formats
HEX #2C3B3D
RGB 44,59,61
HSL hsl(187, 16%, 21%)
HWB hwb(187, 17%, 76%)
Print & Design
CMYK cmyk(28%, 3%, 0%, 76%)
HSV hsv(187, 28%, 24%)
Perceptual (Color Science)
LAB lab(23.67, -5.53, -3.24)
LCH lch(23.67, 6.41, 210.4°)
XYZ xyz(3.44, 4, 5)
OKLab oklab(0.3399, -0.0178, -0.0088)
Accessibility (WCAG 2.1)
Aa
On White
11.67:1
AAA Pass
Aa
On Black
1.80:1
Fail
Aa
White on Color
11.67:1
AAA Pass
Aa
Black on Color
1.80:1
Fail
4.0%
Relative Luminance
0.0400
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
#3E2F2D
Complementary
of Dark Slate Gray
#2D343E
Analogous
of Dark Slate Gray
#2D3E38
Analogous
of Dark Slate Gray
#4D676A
Lighter Tint
of Dark Slate Gray
#6E9196
Lighter Tint
of Dark Slate Gray
#9AB3B6
Lighter Tint
of Dark Slate Gray
#0D1112
Darker Shade
of Dark Slate Gray
#0B0E0F
Darker Shade
of Dark Slate Gray
#0B0E0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#A6ABA9
Dark Gray
6.0% Gray
Web Formats
HEX #A6ABA9
RGB 166,171,169
HSL hsl(156, 3%, 66%)
HWB hwb(156, 65%, 33%)
Print & Design
CMYK cmyk(3%, 0%, 1%, 33%)
HSV hsv(156, 3%, 67%)
Perceptual (Color Science)
LAB lab(69.54, -2.15, 0.41)
LCH lch(69.54, 2.19, 169.2°)
XYZ xyz(37.45, 40.1, 43.3)
OKLab oklab(0.7366, -0.0062, 0.0011)
Accessibility (WCAG 2.1)
Aa
On White
2.33:1
Fail
Aa
On Black
9.02:1
AAA Pass
Aa
White on Color
2.33:1
Fail
Aa
Black on Color
9.02:1
AAA Pass
40.1%
Relative Luminance
0.4010
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
#ABA6A8
Complementary
of Dark Gray
#A6AAAB
Analogous
of Dark Gray
#A6ABA6
Analogous
of Dark Gray
#CDD0CF
Lighter Tint
of Dark Gray
#F2F3F2
Lighter Tint
of Dark Gray
#F2F3F2
Lighter Tint
of Dark Gray
#7E8683
Darker Shade
of Dark Gray
#595F5C
Darker Shade
of Dark Gray
#343736
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue

These colors were identified within QUAD studio's award-winning project "Light Portal".

QUAD studio

About QUAD studio

QUAD studio

QUAD studio is an award-winning agency celebrated by the A' Design Award. Their designs showcases excellence in product design.

QUAD studio is a group of architects, designers, and thinkers operating within the field of architecture, urbanism, interior design, landscape design, product design, research and development. QUAD studio believes there is a resurgence of the Renaissance where people want more from architects than just architecture. People are in search of a holistic design narrative that allows designers to blur the lines between different design disciplines, the Collective Polymath. Innovation also comes from cutting edge technology. QUAD studio is a lab for exploration, a place to experiment different design possibilities, artists are invited to share and bounce their innovative ideas.

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

Explore QUAD studio's Palettes View QUAD studio's Profile
Golden A' Urban Planning and Urban Design Award 2020

About the Award

Golden A' Urban Planning and Urban Design Award 2020

Light Portal received recognition with the Golden A' Urban Planning and Urban Design Award in 2020. 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 Golden status indicates commendable design excellence as assessed by the judging body.

A' Urban Planning and Urban Design Award

Celebrate the transformative impact of well-conceived urban environments and the visionary planning behind them. The urban planning award category highlights sustainable development, innovative public spaces, and the enhancement of social connectivity within cities.

Recognizes: Masterplans, Zoning Proposals, Infrastructure Designs, Landscape Blueprints, Public Space Concepts, Urban Renewal Projects, Transit Oriented Developments, Sustainable City Designs and More.
Learn More About A' Urban Planning and Urban Design Award View at A' Design Award

More Palettes from Light Portal

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

Light Portal - View 2
5B77AA
49649B
3A548D
6C88B6
101019
23222F
273768
7E99C2
Light Portal • View 2
Light Portal - View 3
B8B9BE
CECBCC
E1DFDE
766441
453F1B
625330
88754E
887F70
Light Portal • View 3
Light Portal - View 4
F7F7F5
DDDEE1
12130C
26261B
C7CBD4
B7BCC4
40382C
6F6341
Light Portal • View 4
Light Portal - View 5
2B3A42
40596D
323B20
566C7E
7B7C77
989734
5D5F55
474E3D
Light Portal • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Chengdu NBD Centre
4C5364
3C4150
5D677B
6F798C
818A9B
949FAD
1F1E20
302F35
Chengdu NBD Centre
3,004,884 ID#135986
Megalopolis X
E1E8F1
3B4B5E
4A5E76
9DB0D7
2A3742
5C718F
818592
121F35
Megalopolis X
961,114 ID#98037
Chengdu Hyperlane Park
ECF3F7
CFDEEA
FCFCFC
3B3D39
303521
8C969C
1F2315
475057
Chengdu Hyperlane Park
1,766,019 ID#149549
Impression of Railway
2A3929
414C3B
726F66
5A5C52
86847B
44582B
97958F
B2B0AA
Impression of Railway
168,660 ID#120319
Lougang City
2D3C35
414E47
677574
55625C
C4E1F3
1F2B28
829395
ADCBDE
Lougang City
867,634 ID#92952
Scenic Path
373826
212219
39404E
4B4930
0C0D0A
484F5A
67717B
5D5A3E
Scenic Path
65,750 ID#118334
Yong Quan
52930D
AAA9AE
C8C6C4
0A5A71
878C5D
DDDAD6
617A25
4A601F
Yong Quan
56,777 ID#101131
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
Xingshufu Banouet
521007
511D11
853312
6D200D
A14316
3E0905
0B0202
564335
Xingshufu Banouet
2,892,309 ID#162641