Cloud of Luster Color Palette | Color Sets
Color Sets

Color Palette

Cloud of Luster — Wedding Chapel

00195B
Copy As
HEX #00195B
RGB rgb(0,25,91)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
090E09
Copy As
HEX #090E09
RGB rgb(9,14,9)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
18211F
Copy As
HEX #18211F
RGB rgb(24,33,31)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
202B2F
Copy As
HEX #202B2F
RGB rgb(32,43,47)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
615E5A
Copy As
HEX #615E5A
RGB rgb(97,94,90)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
7C7671
Copy As
HEX #7C7671
RGB rgb(124,118,113)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
716964
Copy As
HEX #716964
RGB rgb(113,105,100)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
AFADA9
Copy As
HEX #AFADA9
RGB rgb(175,173,169)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-sets.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-sets.com/public_html/index.php on line 6321
Download
SVG PNG
#00195B
#090E09
#18211F
#202B2F
#615E5A
#7C7671
#716964
#AFADA9
Cloud of Luster

This palette was extracted from

Cloud of Luster

Award-Winning Wedding Chapel

About the Design

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

About the Award-Winning Wedding Chapel Design: The Cloud of luster is a wedding chapel located inside a wedding ceremony hall in Himeji city, Japan. The design tries to translate the modern wedding ceremony spirit into physical space. The chapel is all white, a cloud shape enveloped almost entirely in curved glass opening it to the surrounding garden and water basin. The columns are toped in hyperbolic capital like heads smoothly connecting them to the minimalistic ceiling. The chapel socle on the basin side is a hyperbolic curve allowing the whole structure to appear as if it is floating on the water and accentuate its lightness.

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

View at A' Design Award

Cloud of Luster, where these colors originate, was designed by Tetsuya Matsumoto.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#00195B
Midnight Blue
75.4% Blue
Web Formats
HEX #00195B
RGB 0,25,91
HSL hsl(224, 100%, 18%)
HWB hwb(224, 0%, 64%)
Print & Design
CMYK cmyk(100%, 73%, 0%, 64%)
HSV hsv(224, 100%, 36%)
Perceptual (Color Science)
LAB lab(12.29, 21.32, -41.64)
LCH lch(12.29, 46.78, 297.1°)
XYZ xyz(2.24, 1.45, 10.06)
OKLab oklab(0.252, -0.0158, -0.1208)
Accessibility (WCAG 2.1)
Aa
On White
16.28:1
AAA Pass
Aa
On Black
1.29:1
Fail
Aa
White on Color
16.28:1
AAA Pass
Aa
Black on Color
1.29:1
Fail
1.5%
Relative Luminance
0.0145
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
#5C4300
Complementary
of Midnight Blue
#15005C
Analogous
of Midnight Blue
#00465C
Analogous
of Midnight Blue
#002DA8
Lighter Tint
of Midnight Blue
#0041F5
Lighter Tint
of Midnight Blue
#4275FF
Lighter Tint
of Midnight Blue
#00071A
Darker Shade
of Midnight Blue
#00071A
Darker Shade
of Midnight Blue
#00071A
Darker Shade
of Midnight Blue
Midnight Blue
Named Color
Discover the Hue
#090E09
Black
7.2% Black
Web Formats
HEX #090E09
RGB 9,14,9
HSL hsl(120, 22%, 5%)
HWB hwb(120, 4%, 95%)
Print & Design
CMYK cmyk(36%, 0%, 36%, 95%)
HSV hsv(120, 36%, 5%)
Perceptual (Color Science)
LAB lab(3.54, -2.19, 1.57)
LCH lch(3.54, 2.69, 144.4°)
XYZ xyz(0.32, 0.39, 0.32)
OKLab oklab(0.1562, -0.0109, 0.0076)
Accessibility (WCAG 2.1)
Aa
On White
19.47:1
AAA Pass
Aa
On Black
1.08:1
Fail
Aa
White on Color
19.47:1
AAA Pass
Aa
Black on Color
1.08:1
Fail
0.4%
Relative Luminance
0.0039
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
#100A10
Complementary
of Black
#0A100D
Analogous
of Black
#0D100A
Analogous
of Black
#283E28
Lighter Tint
of Black
#466D46
Lighter Tint
of Black
#639C63
Lighter Tint
of Black
#0A100A
Darker Shade
of Black
#0A100A
Darker Shade
of Black
#0A100A
Darker Shade
of Black
Black
Named Color
Discover the Hue
#18211F
Black
3.9% Black
Web Formats
HEX #18211F
RGB 24,33,31
HSL hsl(167, 16%, 11%)
HWB hwb(167, 9%, 87%)
Print & Design
CMYK cmyk(27%, 0%, 6%, 87%)
HSV hsv(167, 27%, 13%)
Perceptual (Color Science)
LAB lab(11.83, -4.58, 0.03)
LCH lch(11.83, 4.58, 179.7°)
XYZ xyz(1.17, 1.38, 1.5)
OKLab oklab(0.2382, -0.0135, -0)
Accessibility (WCAG 2.1)
Aa
On White
16.46:1
AAA Pass
Aa
On Black
1.28:1
Fail
Aa
White on Color
16.46:1
AAA Pass
Aa
Black on Color
1.28:1
Fail
1.4%
Relative Luminance
0.0138
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
#21181A
Complementary
of Black
#181E21
Analogous
of Black
#18211A
Analogous
of Black
#384D48
Lighter Tint
of Black
#587972
Lighter Tint
of Black
#7DA199
Lighter Tint
of Black
#0B0F0E
Darker Shade
of Black
#0B0F0E
Darker Shade
of Black
#0B0F0E
Darker Shade
of Black
Black
Named Color
Discover the Hue
#202B2F
Dark Slate Gray
3.5% Gray
Web Formats
HEX #202B2F
RGB 32,43,47
HSL hsl(196, 19%, 15%)
HWB hwb(196, 13%, 82%)
Print & Design
CMYK cmyk(32%, 9%, 0%, 82%)
HSV hsv(196, 32%, 18%)
Perceptual (Color Science)
LAB lab(16.7, -3.54, -4.14)
LCH lch(16.7, 5.45, 229.5°)
XYZ xyz(1.97, 2.24, 3.02)
OKLab oklab(0.2805, -0.0125, -0.0113)
Accessibility (WCAG 2.1)
Aa
On White
14.50:1
AAA Pass
Aa
On Black
1.45:1
Fail
Aa
White on Color
14.50:1
AAA Pass
Aa
Black on Color
1.45:1
Fail
2.2%
Relative Luminance
0.0224
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
#2E231F
Complementary
of Dark Slate Gray
#1F222E
Analogous
of Dark Slate Gray
#1F2E2A
Analogous
of Dark Slate Gray
#3E535B
Lighter Tint
of Dark Slate Gray
#5D7D89
Lighter Tint
of Dark Slate Gray
#86A2AC
Lighter Tint
of Dark Slate Gray
#0A0E0F
Darker Shade
of Dark Slate Gray
#0A0E0F
Darker Shade
of Dark Slate Gray
#0A0E0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#615E5A
Dim Gray
3.0% Gray
Web Formats
HEX #615E5A
RGB 97,94,90
HSL hsl(34, 4%, 37%)
HWB hwb(34, 35%, 62%)
Print & Design
CMYK cmyk(0%, 3%, 7%, 62%)
HSV hsv(34, 7%, 38%)
Perceptual (Color Science)
LAB lab(40.06, 0.39, 2.71)
LCH lch(40.06, 2.74, 81.9°)
XYZ xyz(10.78, 11.29, 11.28)
OKLab oklab(0.4834, 0.0019, 0.0071)
Accessibility (WCAG 2.1)
Aa
On White
6.45:1
AA Pass
Aa
On Black
3.26:1
Large Only
Aa
White on Color
6.45:1
AA Pass
Aa
Black on Color
3.26:1
Large Only
11.3%
Relative Luminance
0.1128
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
#5B5E62
Complementary
of Dim Gray
#62625B
Analogous
of Dim Gray
#625B5B
Analogous
of Dim Gray
#898580
Lighter Tint
of Dim Gray
#AEABA7
Lighter Tint
of Dim Gray
#D3D1CF
Lighter Tint
of Dim Gray
#3A3836
Darker Shade
of Dim Gray
#131211
Darker Shade
of Dim Gray
#0D0D0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#7C7671
Gray
2.8% Gray
Web Formats
HEX #7C7671
RGB 124,118,113
HSL hsl(27, 5%, 46%)
HWB hwb(27, 44%, 51%)
Print & Design
CMYK cmyk(0%, 5%, 9%, 51%)
HSV hsv(27, 9%, 49%)
Perceptual (Color Science)
LAB lab(50.02, 1.34, 3.57)
LCH lch(50.02, 3.82, 69.4°)
XYZ xyz(17.77, 18.43, 18.24)
OKLab oklab(0.5696, 0.0049, 0.0094)
Accessibility (WCAG 2.1)
Aa
On White
4.48:1
Large Only
Aa
On Black
4.69:1
AA Pass
Aa
White on Color
4.48:1
Large Only
Aa
Black on Color
4.69:1
AA Pass
18.4%
Relative Luminance
0.1843
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
#6F767B
Complementary
of Gray
#7B7B6F
Analogous
of Gray
#7B6F70
Analogous
of Gray
#A19B97
Lighter Tint
of Gray
#C5C1BF
Lighter Tint
of Gray
#E9E8E7
Lighter Tint
of Gray
#534F4B
Darker Shade
of Gray
#2B2927
Darker Shade
of Gray
#0D0D0C
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#716964
Dim Gray
2.1% Gray
Web Formats
HEX #716964
RGB 113,105,100
HSL hsl(23, 6%, 42%)
HWB hwb(23, 39%, 56%)
Print & Design
CMYK cmyk(0%, 7%, 12%, 56%)
HSV hsv(23, 12%, 44%)
Perceptual (Color Science)
LAB lab(44.99, 2.19, 3.94)
LCH lch(44.99, 4.5, 61°)
XYZ xyz(14.16, 14.53, 14.11)
OKLab oklab(0.5266, 0.0074, 0.0104)
Accessibility (WCAG 2.1)
Aa
On White
5.38:1
AA Pass
Aa
On Black
3.91:1
Large Only
Aa
White on Color
5.38:1
AA Pass
Aa
Black on Color
3.91:1
Large Only
14.5%
Relative Luminance
0.1453
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
#656D72
Complementary
of Dim Gray
#727065
Analogous
of Dim Gray
#726566
Analogous
of Dim Gray
#98908B
Lighter Tint
of Dim Gray
#BCB7B3
Lighter Tint
of Dim Gray
#E0DDDC
Lighter Tint
of Dim Gray
#494441
Darker Shade
of Dim Gray
#201E1D
Darker Shade
of Dim Gray
#0E0D0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#AFADA9
Dark Gray
2.1% Gray
Web Formats
HEX #AFADA9
RGB 175,173,169
HSL hsl(40, 4%, 67%)
HWB hwb(40, 66%, 31%)
Print & Design
CMYK cmyk(0%, 1%, 3%, 31%)
HSV hsv(40, 3%, 69%)
Perceptual (Color Science)
LAB lab(70.78, -0.03, 2.3)
LCH lch(70.78, 2.3, 90.7°)
XYZ xyz(39.78, 41.87, 43.51)
OKLab oklab(0.7481, 0.0006, 0.0061)
Accessibility (WCAG 2.1)
Aa
On White
2.24:1
Fail
Aa
On Black
9.37:1
AAA Pass
Aa
White on Color
2.24:1
Fail
Aa
Black on Color
9.37:1
AAA Pass
41.9%
Relative Luminance
0.4187
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
#A7AAAE
Complementary
of Dark Gray
#ADAEA7
Analogous
of Dark Gray
#AEA9A7
Analogous
of Dark Gray
#D3D2CF
Lighter Tint
of Dark Gray
#F3F2F2
Lighter Tint
of Dark Gray
#F3F2F2
Lighter Tint
of Dark Gray
#898680
Darker Shade
of Dark Gray
#62605B
Darker Shade
of Dark Gray
#3A3936
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue

These hues were detected in Tetsuya Matsumoto's award-winning project "Cloud of Luster".

Tetsuya Matsumoto

About the Designer

Tetsuya Matsumoto

Tetsuya Matsumoto is a renowned creative professional celebrated by the A' Design Award. Their designs embodies excellence in innovative design.

Tetsuya Matsumoto is the founder and Head Architect Designer at KTX archiLAB based in Japan, and a Lecturer of a space design course at Osaka University of Art. After graduating from the same university, he specialized in commercial space design and built a large portfolio of projects varying both in type and scale, from shops and restaurants to offices and clinics, and from a small pharmacy to a large Hospital. Tetsuya has received more than a hundred local and international design awards and became a jury member for several prestigious prizes.

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

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

About the Award

Platinum A' Architecture, Building and Structure Design Award 2020

Cloud of Luster has been recognized with the Platinum A' Architecture, Building and Structure Design Award in 2020. The A' Design Award is an internationally acknowledged design competition that recognizes outstanding creative accomplishment. Laureates are chosen through comprehensive judging by industry experts 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 Cloud of Luster

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

Cloud of Luster - View 2
635841
75674F
897453
DCAE5F
222B30
494539
9B8259
111517
Cloud of Luster • View 2
Cloud of Luster - View 3
002684
060A0E
1B2122
2B3130
706F66
3D403E
4F514D
16388C
Cloud of Luster • View 3
Cloud of Luster - View 4
0E0F11
01237A
818181
404644
C1BFBF
959493
141921
66686A
Cloud of Luster • View 4
Cloud of Luster - View 5
D6D0CC
101E26
BAB5AF
ECEAE8
949393
071113
A8A5A0
7B7C7F
Cloud of Luster • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

LuxLinea
0A0C12
171D2B
B6AFA5
CBC4B8
A09A91
E4DED2
393735
8B857C
LuxLinea
21,372 ID#161230
Toshin PostPandemic
1F1814
080504
38271E
4F2411
85827D
6C3417
403834
3B180B
Toshin PostPandemic
35,734 ID#115594
Nautilus
705D42
584832
423421
050B0F
032C32
8A7047
B3967D
C6A88F
Nautilus
21,040 ID#136354
The OmniDirectional
012998
0247CD
0136AF
070C1F
061337
032275
48474E
0155D8
The OmniDirectional
15,756 ID#115600
Valencia
465735
F2F3F4
646C4B
7D864D
5E6F38
CAC364
A19F5F
324C27
Valencia
549,231 ID#168192
Nanbu Eye
0F171D
1A2632
243445
354658
5377A2
5D524D
453F3D
466C96
Nanbu Eye
4,745,451 ID#155402
Skyline Bay
171F26
1E2F43
86B5E7
243A53
45658B
41546A
3B4046
586575
Skyline Bay
6,060,146 ID#155403
Yamaha Corporation Headquarters
428DE4
3277D7
62A2EA
21518C
121F32
103B73
2F629E
4178B1
Yamaha Corporation Headquarters
77,989 ID#170181
Xingshufu Banouet
521007
511D11
853312
6D200D
A14316
3E0905
0B0202
564335
Xingshufu Banouet
2,900,129 ID#162641
Arabica Riyadh Roastery
C3BDB8
E2E2E1
AEA7A2
9D938C
868483
F1F1F1
89786C
6B6B6A
Arabica Riyadh Roastery
631,225 ID#163450
Wen Shan Hai
1F1610
3A291C
503A28
0C0705
6D573C
1F2A24
6F3F2E
594B37
Wen Shan Hai
798,847 ID#164834
Snow Park
6F665C
84796B
554F49
968B7C
AEA08D
3F3C38
BDB19F
CCC2B1
Snow Park
786,279 ID#170932