View the Colors of Nanbu Eye | Color Plates
Color Plates

Color Palette

Nanbu Eye — Gymnasium

0F171D
Copy As
HEX #0F171D
RGB rgb(15,23,29)
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
1A2632
Copy As
HEX #1A2632
RGB rgb(26,38,50)
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
243445
Copy As
HEX #243445
RGB rgb(36,52,69)
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
354658
Copy As
HEX #354658
RGB rgb(53,70,88)
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
5377A2
Copy As
HEX #5377A2
RGB rgb(83,119,162)
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
5D524D
Copy As
HEX #5D524D
RGB rgb(93,82,77)
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
453F3D
Copy As
HEX #453F3D
RGB rgb(69,63,61)
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
466C96
Copy As
HEX #466C96
RGB rgb(70,108,150)
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
#0F171D
#1A2632
#243445
#354658
#5377A2
#5D524D
#453F3D
#466C96
Nanbu Eye

This palette was extracted from

Nanbu Eye

Award-Winning Gymnasium

About the Design

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

About the Award-Winning Gymnasium Design: Located by the Jialing River, this gymnasium achieves harmony, openness and interaction with nature. The design is carried out from the three core concepts of earthscape, integration and openness. The overall project is conceived as an earthscape, just like a picture scroll in one stroke along the Jialing River. The city and nature are merged together, the architecture and landscape are integrated, a continuous spatial sequence is formed along the waterfront.

This palette has a calming feel, creating tranquility and clarity.

View at A' Design Award

Nanbu Eye, 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.
#0F171D
Black
41.0% Black
Web Formats
HEX #0F171D
RGB 15,23,29
HSL hsl(206, 32%, 9%)
HWB hwb(206, 6%, 89%)
Print & Design
CMYK cmyk(48%, 21%, 0%, 89%)
HSV hsv(206, 48%, 11%)
Perceptual (Color Science)
LAB lab(7.25, -1.56, -5.37)
LCH lch(7.25, 5.59, 253.8°)
XYZ xyz(0.73, 0.8, 1.28)
OKLab oklab(0.1995, -0.0082, -0.0149)
Accessibility (WCAG 2.1)
Aa
On White
18.09:1
AAA Pass
Aa
On Black
1.16:1
Fail
Aa
White on Color
18.09:1
AAA Pass
Aa
Black on Color
1.16:1
Fail
0.8%
Relative Luminance
0.0080
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
#1E1610
Complementary
of Black
#10111E
Analogous
of Black
#101E1D
Analogous
of Black
#2A4051
Lighter Tint
of Black
#446883
Lighter Tint
of Black
#648FAF
Lighter Tint
of Black
#090D11
Darker Shade
of Black
#090D11
Darker Shade
of Black
#090D11
Darker Shade
of Black
Black
Named Color
Discover the Hue
#1A2632
Dark Slate Gray
23.8% Gray
Web Formats
HEX #1A2632
RGB 26,38,50
HSL hsl(210, 32%, 15%)
HWB hwb(210, 10%, 80%)
Print & Design
CMYK cmyk(48%, 24%, 0%, 80%)
HSV hsv(210, 48%, 20%)
Perceptual (Color Science)
LAB lab(14.6, -1.28, -9.48)
LCH lch(14.6, 9.57, 262.3°)
XYZ xyz(1.69, 1.84, 3.28)
OKLab oklab(0.2632, -0.0101, -0.0263)
Accessibility (WCAG 2.1)
Aa
On White
15.36:1
AAA Pass
Aa
On Black
1.37:1
Fail
Aa
White on Color
15.36:1
AAA Pass
Aa
Black on Color
1.37:1
Fail
1.8%
Relative Luminance
0.0184
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
#32261A
Complementary
of Dark Slate Gray
#1A1A32
Analogous
of Dark Slate Gray
#1A3232
Analogous
of Dark Slate Gray
#344D65
Lighter Tint
of Dark Slate Gray
#4E7397
Lighter Tint
of Dark Slate Gray
#7899BA
Lighter Tint
of Dark Slate Gray
#090D11
Darker Shade
of Dark Slate Gray
#090D11
Darker Shade
of Dark Slate Gray
#090D11
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#243445
Dark Slate Gray
8.4% Gray
Web Formats
HEX #243445
RGB 36,52,69
HSL hsl(211, 31%, 21%)
HWB hwb(211, 14%, 73%)
Print & Design
CMYK cmyk(48%, 25%, 0%, 73%)
HSV hsv(211, 48%, 27%)
Perceptual (Color Science)
LAB lab(21.06, -1.21, -12.63)
LCH lch(21.06, 12.69, 264.5°)
XYZ xyz(3.03, 3.26, 6.1)
OKLab oklab(0.3188, -0.0124, -0.0351)
Accessibility (WCAG 2.1)
Aa
On White
12.71:1
AAA Pass
Aa
On Black
1.65:1
Fail
Aa
White on Color
12.71:1
AAA Pass
Aa
Black on Color
1.65:1
Fail
3.3%
Relative Luminance
0.0326
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
#463625
Complementary
of Dark Slate Gray
#262546
Analogous
of Dark Slate Gray
#254646
Analogous
of Dark Slate Gray
#3F5B78
Lighter Tint
of Dark Slate Gray
#5B81A9
Lighter Tint
of Dark Slate Gray
#8DA7C3
Lighter Tint
of Dark Slate Gray
#0B0F14
Darker Shade
of Dark Slate Gray
#090D11
Darker Shade
of Dark Slate Gray
#090D11
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#354658
Dark Slate Gray
5.9% Gray
Web Formats
HEX #354658
RGB 53,70,88
HSL hsl(211, 25%, 28%)
HWB hwb(211, 21%, 65%)
Print & Design
CMYK cmyk(40%, 20%, 0%, 65%)
HSV hsv(211, 40%, 35%)
Perceptual (Color Science)
LAB lab(29.01, -1.56, -12.85)
LCH lch(29.01, 12.95, 263.1°)
XYZ xyz(5.42, 5.84, 10.07)
OKLab oklab(0.3873, -0.0127, -0.0355)
Accessibility (WCAG 2.1)
Aa
On White
9.68:1
AAA Pass
Aa
On Black
2.17:1
Fail
Aa
White on Color
9.68:1
AAA Pass
Aa
Black on Color
2.17:1
Fail
5.8%
Relative Luminance
0.0584
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
#594836
Complementary
of Dark Slate Gray
#363659
Analogous
of Dark Slate Gray
#365959
Analogous
of Dark Slate Gray
#526D89
Lighter Tint
of Dark Slate Gray
#7993AF
Lighter Tint
of Dark Slate Gray
#A9BACB
Lighter Tint
of Dark Slate Gray
#192129
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
#5377A2
Steel Blue
6.0% Blue
Web Formats
HEX #5377A2
RGB 83,119,162
HSL hsl(213, 32%, 48%)
HWB hwb(213, 33%, 36%)
Print & Design
CMYK cmyk(49%, 27%, 0%, 36%)
HSV hsv(213, 49%, 64%)
Perceptual (Color Science)
LAB lab(49.06, -0.46, -27.02)
LCH lch(49.06, 27.03, 269°)
XYZ xyz(16.68, 17.64, 36.7)
OKLab oklab(0.5602, -0.0224, -0.0755)
Accessibility (WCAG 2.1)
Aa
On White
4.64:1
AA Pass
Aa
On Black
4.53:1
AA Pass
Aa
White on Color
4.64:1
AA Pass
Aa
Black on Color
4.53:1
AA Pass
17.6%
Relative Luminance
0.1764
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
#A27E53
Complementary
of Steel Blue
#5753A2
Analogous
of Steel Blue
#539EA2
Analogous
of Steel Blue
#829EBF
Lighter Tint
of Steel Blue
#B5C5D9
Lighter Tint
of Steel Blue
#E7EDF3
Lighter Tint
of Steel Blue
#39516F
Darker Shade
of Steel Blue
#1F2C3D
Darker Shade
of Steel Blue
#090C11
Darker Shade
of Steel Blue
Steel Blue
Named Color
Discover the Hue
#5D524D
Dim Gray
5.2% Gray
Web Formats
HEX #5D524D
RGB 93,82,77
HSL hsl(19, 9%, 33%)
HWB hwb(19, 30%, 64%)
Print & Design
CMYK cmyk(0%, 12%, 17%, 64%)
HSV hsv(19, 17%, 36%)
Perceptual (Color Science)
LAB lab(35.79, 3.58, 4.59)
LCH lch(35.79, 5.82, 52°)
XYZ xyz(8.87, 8.9, 8.27)
OKLab oklab(0.4478, 0.0116, 0.012)
Accessibility (WCAG 2.1)
Aa
On White
7.56:1
AAA Pass
Aa
On Black
2.78:1
Fail
Aa
White on Color
7.56:1
AAA Pass
Aa
Black on Color
2.78:1
Fail
8.9%
Relative Luminance
0.0890
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
#4D575C
Complementary
of Dim Gray
#5C594D
Analogous
of Dim Gray
#5C4D4F
Analogous
of Dim Gray
#85766F
Lighter Tint
of Dim Gray
#A99E98
Lighter Tint
of Dim Gray
#CCC5C2
Lighter Tint
of Dim Gray
#322C2A
Darker Shade
of Dim Gray
#0E0C0C
Darker Shade
of Dim Gray
#0E0C0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#453F3D
Dark Slate Gray
5.1% Gray
Web Formats
HEX #453F3D
RGB 69,63,61
HSL hsl(15, 6%, 25%)
HWB hwb(15, 24%, 73%)
Print & Design
CMYK cmyk(0%, 9%, 12%, 73%)
HSV hsv(15, 12%, 27%)
Perceptual (Color Science)
LAB lab(27.18, 2.15, 2.15)
LCH lch(27.18, 3.05, 45°)
XYZ xyz(5.07, 5.16, 5.14)
OKLab oklab(0.373, 0.0069, 0.0057)
Accessibility (WCAG 2.1)
Aa
On White
10.34:1
AAA Pass
Aa
On Black
2.03:1
Fail
Aa
White on Color
10.34:1
AAA Pass
Aa
Black on Color
2.03:1
Fail
5.2%
Relative Luminance
0.0516
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
#3C4244
Complementary
of Dark Slate Gray
#44423C
Analogous
of Dark Slate Gray
#443C3E
Analogous
of Dark Slate Gray
#6C6360
Lighter Tint
of Dark Slate Gray
#938985
Lighter Tint
of Dark Slate Gray
#B7B0AE
Lighter Tint
of Dark Slate Gray
#1B1918
Darker Shade
of Dark Slate Gray
#0E0C0C
Darker Shade
of Dark Slate Gray
#0E0C0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#466C96
Steel Blue
4.7% Blue
Web Formats
HEX #466C96
RGB 70,108,150
HSL hsl(212, 36%, 43%)
HWB hwb(212, 27%, 41%)
Print & Design
CMYK cmyk(53%, 28%, 0%, 41%)
HSV hsv(212, 53%, 59%)
Perceptual (Color Science)
LAB lab(44.56, -0.85, -27)
LCH lch(44.56, 27.02, 268.2°)
XYZ xyz(13.39, 14.23, 30.89)
OKLab oklab(0.5213, -0.0248, -0.0757)
Accessibility (WCAG 2.1)
Aa
On White
5.46:1
AA Pass
Aa
On Black
3.85:1
Large Only
Aa
White on Color
5.46:1
AA Pass
Aa
Black on Color
3.85:1
Large Only
14.2%
Relative Luminance
0.1423
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
#957046
Complementary
of Steel Blue
#494695
Analogous
of Steel Blue
#469295
Analogous
of Steel Blue
#6D91BA
Lighter Tint
of Steel Blue
#A1B8D3
Lighter Tint
of Steel Blue
#D5E0EB
Lighter Tint
of Steel Blue
#2E4661
Darker Shade
of Steel Blue
#15202D
Darker Shade
of Steel Blue
#080C11
Darker Shade
of Steel Blue
Steel Blue
Named Color
Discover the Hue

The colors presented here were analyzed from FTA Group's award-winning project "Nanbu Eye".

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

Nanbu Eye 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 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 Nanbu Eye

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

Nanbu Eye - View 2
29444C
34555D
476266
676947
071727
6D7072
1D2D38
838585
Nanbu Eye • View 2
Nanbu Eye - View 3
233044
486ADD
3D6FA0
365D90
3F55B0
556788
1F3D61
568ABB
Nanbu Eye • View 3
Nanbu Eye - View 4
F9FAFA
414B59
2F3641
757E90
5B6373
8B94A3
20252B
9FA8B5
Nanbu Eye • View 4
Nanbu Eye - View 5
2E2B29
413E3B
4E5152
9A6558
4E636B
636E71
A09B92
38515C
Nanbu Eye • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Skyline Bay
171F26
1E2F43
86B5E7
243A53
45658B
41546A
3B4046
586575
Skyline Bay
6,060,146 ID#155403
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