Discover the Colors of Crystal Opera House | Design Colors
Design Colors

Color Palette

Crystal Opera House — Art Installations

23282E
Copy As
HEX #23282E
RGB rgb(35,40,46)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
323B45
Copy As
HEX #323B45
RGB rgb(50,59,69)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
475058
Copy As
HEX #475058
RGB rgb(71,80,88)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
97A5B1
Copy As
HEX #97A5B1
RGB rgb(151,165,177)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
85929F
Copy As
HEX #85929F
RGB rgb(133,146,159)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
BFC6CD
Copy As
HEX #BFC6CD
RGB rgb(191,198,205)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
07080B
Copy As
HEX #07080B
RGB rgb(7,8,11)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
15181D
Copy As
HEX #15181D
RGB rgb(21,24,29)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
#23282E
#323B45
#475058
#97A5B1
#85929F
#BFC6CD
#07080B
#15181D
Crystal Opera House

This palette was extracted from

Crystal Opera House

Award-Winning Art Installations

About the Design

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

About the Award-Winning Art Installations Design: The Crystal Opera House is the designer's tribute to classical architecture and art. The giant crystal hoisting device is a structural whole, using millions of crystal, re-engraving the visual features of the classical enclosed box with crystal, a very modern material. The device has tried many impossible shapes and arrangements, done a lot of research and development and 3D models, and explored more breakthroughs in the shape and limitations of the crystal suspension device. To convey the strong artistic atmosphere of the traditional classical opera house to the public.

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

View at A' Design Award

Crystal Opera House, the source of these colors, was designed by Wei Zhang.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#23282E
Dark Slate Gray
29.6% Gray
Web Formats
HEX #23282E
RGB 35,40,46
HSL hsl(213, 14%, 16%)
HWB hwb(213, 14%, 82%)
Print & Design
CMYK cmyk(24%, 13%, 0%, 82%)
HSV hsv(213, 24%, 18%)
Perceptual (Color Science)
LAB lab(15.86, -0.57, -4.67)
LCH lch(15.86, 4.7, 263°)
XYZ xyz(1.94, 2.07, 2.88)
OKLab oklab(0.2744, -0.0039, -0.0127)
Accessibility (WCAG 2.1)
Aa
On White
14.85:1
AAA Pass
Aa
On Black
1.41:1
Fail
Aa
White on Color
14.85:1
AAA Pass
Aa
Black on Color
1.41:1
Fail
2.1%
Relative Luminance
0.0207
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
#2F2923
Complementary
of Dark Slate Gray
#24232F
Analogous
of Dark Slate Gray
#232E2F
Analogous
of Dark Slate Gray
#444E5A
Lighter Tint
of Dark Slate Gray
#657486
Lighter Tint
of Dark Slate Gray
#8E9AA9
Lighter Tint
of Dark Slate Gray
#0B0D0F
Darker Shade
of Dark Slate Gray
#0B0D0F
Darker Shade
of Dark Slate Gray
#0B0D0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#323B45
Dark Slate Gray
20.5% Gray
Web Formats
HEX #323B45
RGB 50,59,69
HSL hsl(212, 16%, 23%)
HWB hwb(212, 20%, 73%)
Print & Design
CMYK cmyk(28%, 14%, 0%, 73%)
HSV hsv(212, 28%, 27%)
Perceptual (Color Science)
LAB lab(24.44, -1.05, -7.39)
LCH lch(24.44, 7.46, 261.9°)
XYZ xyz(3.95, 4.24, 6.24)
OKLab oklab(0.3481, -0.0069, -0.0201)
Accessibility (WCAG 2.1)
Aa
On White
11.37:1
AAA Pass
Aa
On Black
1.85:1
Fail
Aa
White on Color
11.37:1
AAA Pass
Aa
Black on Color
1.85:1
Fail
4.2%
Relative Luminance
0.0424
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
#443B31
Complementary
of Dark Slate Gray
#323144
Analogous
of Dark Slate Gray
#314344
Analogous
of Dark Slate Gray
#516070
Lighter Tint
of Dark Slate Gray
#74869A
Lighter Tint
of Dark Slate Gray
#A0ADBA
Lighter Tint
of Dark Slate Gray
#111418
Darker Shade
of Dark Slate Gray
#0B0D0F
Darker Shade
of Dark Slate Gray
#0B0D0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#475058
Dark Slate Gray
10.8% Gray
Web Formats
HEX #475058
RGB 71,80,88
HSL hsl(208, 11%, 31%)
HWB hwb(208, 28%, 65%)
Print & Design
CMYK cmyk(19%, 9%, 0%, 65%)
HSV hsv(208, 19%, 35%)
Perceptual (Color Science)
LAB lab(33.52, -1.63, -5.9)
LCH lch(33.52, 6.12, 254.6°)
XYZ xyz(7.23, 7.78, 10.35)
OKLab oklab(0.4263, -0.0074, -0.016)
Accessibility (WCAG 2.1)
Aa
On White
8.22:1
AAA Pass
Aa
On Black
2.56:1
Fail
Aa
White on Color
8.22:1
AAA Pass
Aa
Black on Color
2.56:1
Fail
7.8%
Relative Luminance
0.0778
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
#584E46
Complementary
of Dark Slate Gray
#464758
Analogous
of Dark Slate Gray
#465857
Analogous
of Dark Slate Gray
#687682
Lighter Tint
of Dark Slate Gray
#919CA6
Lighter Tint
of Dark Slate Gray
#BBC2C9
Lighter Tint
of Dark Slate Gray
#24292D
Darker Shade
of Dark Slate Gray
#0B0D0E
Darker Shade
of Dark Slate Gray
#0B0D0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#97A5B1
Dark Gray
10.6% Gray
Web Formats
HEX #97A5B1
RGB 151,165,177
HSL hsl(208, 14%, 64%)
HWB hwb(208, 59%, 31%)
Print & Design
CMYK cmyk(15%, 7%, 0%, 31%)
HSV hsv(208, 15%, 69%)
Perceptual (Color Science)
LAB lab(67.02, -2.4, -7.86)
LCH lch(67.02, 8.22, 253°)
XYZ xyz(34.15, 36.66, 46.86)
OKLab oklab(0.7148, -0.0104, -0.0212)
Accessibility (WCAG 2.1)
Aa
On White
2.52:1
Fail
Aa
On Black
8.33:1
AAA Pass
Aa
White on Color
2.52:1
Fail
Aa
Black on Color
8.33:1
AAA Pass
36.7%
Relative Luminance
0.3666
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
#B0A296
Complementary
of Dark Gray
#9697B0
Analogous
of Dark Gray
#96B0AF
Analogous
of Dark Gray
#C2CAD1
Lighter Tint
of Dark Gray
#EEF0F2
Lighter Tint
of Dark Gray
#F0F2F4
Lighter Tint
of Dark Gray
#6B7E8E
Darker Shade
of Dark Gray
#4B5863
Darker Shade
of Dark Gray
#2A3137
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#85929F
Light Slate Gray
8.4% Gray
Web Formats
HEX #85929F
RGB 133,146,159
HSL hsl(210, 12%, 57%)
HWB hwb(210, 52%, 38%)
Print & Design
CMYK cmyk(16%, 8%, 0%, 38%)
HSV hsv(210, 16%, 62%)
Perceptual (Color Science)
LAB lab(59.93, -1.85, -8.43)
LCH lch(59.93, 8.63, 257.6°)
XYZ xyz(26.21, 28.05, 36.83)
OKLab oklab(0.6538, -0.0091, -0.0228)
Accessibility (WCAG 2.1)
Aa
On White
3.18:1
Large Only
Aa
On Black
6.61:1
AA Pass
Aa
White on Color
3.18:1
Large Only
Aa
Black on Color
6.61:1
AA Pass
28.1%
Relative Luminance
0.2805
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
#9F9184
Complementary
of Light Slate Gray
#84849F
Analogous
of Light Slate Gray
#849F9F
Analogous
of Light Slate Gray
#AFB8C0
Lighter Tint
of Light Slate Gray
#DADEE2
Lighter Tint
of Light Slate Gray
#F1F2F4
Lighter Tint
of Light Slate Gray
#5E6B78
Darker Shade
of Light Slate Gray
#3D454D
Darker Shade
of Light Slate Gray
#1B1F22
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#BFC6CD
Silver
6.6% Gray
Web Formats
HEX #BFC6CD
RGB 191,198,205
HSL hsl(210, 12%, 78%)
HWB hwb(210, 75%, 20%)
Print & Design
CMYK cmyk(7%, 3%, 0%, 20%)
HSV hsv(210, 7%, 80%)
Perceptual (Color Science)
LAB lab(79.54, -1.06, -4.33)
LCH lch(79.54, 4.45, 256.3°)
XYZ xyz(52.7, 55.87, 65.75)
OKLab oklab(0.8232, -0.0047, -0.0116)
Accessibility (WCAG 2.1)
Aa
On White
1.72:1
Fail
Aa
On Black
12.17:1
AAA Pass
Aa
White on Color
1.72:1
Fail
Aa
Black on Color
12.17:1
AAA Pass
55.9%
Relative Luminance
0.5587
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
#CEC7C0
Complementary
of Silver
#C0C0CE
Analogous
of Silver
#C0CECE
Analogous
of Silver
#EBEDEF
Lighter Tint
of Silver
#F1F2F4
Lighter Tint
of Silver
#F1F2F4
Lighter Tint
of Silver
#95A1AC
Darker Shade
of Silver
#6C7A89
Darker Shade
of Silver
#4A545E
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#07080B
Black
6.8% Black
Web Formats
HEX #07080B
RGB 7,8,11
HSL hsl(225, 22%, 4%)
HWB hwb(225, 3%, 96%)
Print & Design
CMYK cmyk(36%, 27%, 0%, 96%)
HSV hsv(225, 36%, 4%)
Perceptual (Color Science)
LAB lab(2.19, 0.16, -1.24)
LCH lch(2.19, 1.25, 277.3°)
XYZ xyz(0.23, 0.24, 0.35)
OKLab oklab(0.1346, -0.0001, -0.0072)
Accessibility (WCAG 2.1)
Aa
On White
20.03:1
AAA Pass
Aa
On Black
1.05:1
Fail
Aa
White on Color
20.03:1
AAA Pass
Aa
Black on Color
1.05:1
Fail
0.2%
Relative Luminance
0.0024
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
#0C0B08
Complementary
of Black
#09080C
Analogous
of Black
#080B0C
Analogous
of Black
#262B3B
Lighter Tint
of Black
#444D6A
Lighter Tint
of Black
#616F98
Lighter Tint
of Black
#0A0B10
Darker Shade
of Black
#0A0B10
Darker Shade
of Black
#0A0B10
Darker Shade
of Black
Black
Named Color
Discover the Hue
#15181D
Black
6.6% Black
Web Formats
HEX #15181D
RGB 21,24,29
HSL hsl(218, 16%, 10%)
HWB hwb(218, 8%, 89%)
Print & Design
CMYK cmyk(28%, 17%, 0%, 89%)
HSV hsv(218, 28%, 11%)
Perceptual (Color Science)
LAB lab(8.14, 0.04, -3.98)
LCH lch(8.14, 3.98, 270.5°)
XYZ xyz(0.86, 0.9, 1.29)
OKLab oklab(0.2081, -0.0018, -0.0108)
Accessibility (WCAG 2.1)
Aa
On White
17.79:1
AAA Pass
Aa
On Black
1.18:1
Fail
Aa
White on Color
17.79:1
AAA Pass
Aa
Black on Color
1.18:1
Fail
0.9%
Relative Luminance
0.0090
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
#1E1B15
Complementary
of Black
#17151E
Analogous
of Black
#151C1E
Analogous
of Black
#363D4A
Lighter Tint
of Black
#566276
Lighter Tint
of Black
#7A879F
Lighter Tint
of Black
#0B0C0F
Darker Shade
of Black
#0B0C0F
Darker Shade
of Black
#0B0C0F
Darker Shade
of Black
Black
Named Color
Discover the Hue

The colors shown were sampled from Wei Zhang's celebrated design "Crystal Opera House".

Wei Zhang

About the Designer

Wei Zhang

Wei Zhang is an acclaimed creative professional celebrated by the A' Design Award. Their designs embodies excellence in innovative design.

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

Explore Zhang's Palettes View Zhang's Profile
Golden A' Event and Happening Design Award 2022

About the Award

Golden A' Event and Happening Design Award 2022

Crystal Opera House received recognition with the Golden A' Event and Happening Design Award in 2022. 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 representing multiple disciplines. The Golden status reflects high caliber design work as determined by the international jury.

A' Event and Happening Design Award

Celebrate the art of creating immersive experiences with the Event and Happening Design Award. This award category highlights exceptional event design, innovative experience creation, and the orchestration of memorable occasions.

Recognizes: Trade Fairs, Award Ceremonies, Festivals, Conferences, Exhibitions, Concerts, Product Launches, Charity Events and More.
Learn More About A' Event and Happening Design Award View at A' Design Award

More Palettes from Crystal Opera House

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

Crystal Opera House - View 2
05080B
101D29
172F42
223F55
445C6F
68737D
2F4E65
7D868E
Crystal Opera House • View 2
Crystal Opera House - View 3
111214
242629
010102
464D54
35393E
5B6067
6F757C
888C93
Crystal Opera House • View 3
Crystal Opera House - View 4
151719
030304
3D4045
292C30
575C63
676F78
86909B
707F8E
Crystal Opera House • View 4
Crystal Opera House - View 5
010102
555556
121213
838383
212326
393939
686868
2C394C
Crystal Opera House • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Wakin Chau
180D2A
271348
4B2873
3A2357
310F62
593685
2D077E
100A14
Wakin Chau
44,513 ID#164286
Hong Kong Book Fair 2024
483020
835F2E
5C472A
1F1712
554C51
45393D
612D14
AD7730
Hong Kong Book Fair 2024
25,274 ID#164526
Matsu Biennial 2023
4C8FCA
4B6130
374827
232F1B
5B7738
5EA5D9
11170F
71B5E1
Matsu Biennial 2023
37,160 ID#155697
Neon Nights
433856
2E2545
1C1731
514975
E4C00A
8272EE
D0AA05
223099
Neon Nights
39,742 ID#106406
The Tiny House
434D3A
6A8347
30382C
1D231E
7E9A55
595E50
707167
8BA961
The Tiny House
36,346 ID#89286
Feel the Vineyard
403122
282017
5A4736
080707
756048
764613
403B36
8B7257
Feel the Vineyard
15,751 ID#86887
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
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
China Overseas Yongding Jiuli
845,054 ID#162656
Datalense
0F0C08
282119
5D4D3E
43362A
6A6358
A1988D
867467
795A3E
Datalense
725,849 ID#162927
Fuma
4482D7
2969CA
639CE3
82B3ED
44423C
1A58BF
B9BAC0
575448
Fuma
713,819 ID#164807
Lena
58565E
A6A4AC
323138
1F1E25
45434B
C4C3C9
DAD9DE
EEECEF
Lena
720,553 ID#165517