Yan Color Palette | Color Sets
Color Sets

Color Palette

Yan — Art Museum

F6F9FA
Copy As
HEX #F6F9FA
RGB rgb(246,249,250)
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
B1B6B6
Copy As
HEX #B1B6B6
RGB rgb(177,182,182)
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
918C78
Copy As
HEX #918C78
RGB rgb(145,140,120)
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
7D7866
Copy As
HEX #7D7866
RGB rgb(125,120,102)
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
9DA29F
Copy As
HEX #9DA29F
RGB rgb(157,162,159)
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
DBE7F2
Copy As
HEX #DBE7F2
RGB rgb(219,231,242)
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
C3C9CA
Copy As
HEX #C3C9CA
RGB rgb(195,201,202)
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
909692
Copy As
HEX #909692
RGB rgb(144,150,146)
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
#F6F9FA
#B1B6B6
#918C78
#7D7866
#9DA29F
#DBE7F2
#C3C9CA
#909692
Yan

This palette was extracted from

Yan

Award-Winning Art Museum

About the Design

This design features Ghost White, Dark Gray, Gray, Dim Gray, Lavender, Silver, and Light Slate Gray.

About the Award-Winning Art Museum Design: Yan Art Museum redefines the relationship between architecture and nature, serving as a cultural hub that celebrates local heritage. Nestled in the rugged landscape of Rushan, Shandong, its deconstructivist design draws inspiration from stony textures and flowing contours. The museum features water encircled plazas, artist studios, dynamic galleries, and performance spaces, all interconnected across levels. Textured concrete mimics natural stone, seamlessly integrating the structure with its surroundings while transforming the sloped terrain into functional pathways and plazas.

This palette has a warm feel, creating inviting warmth.

View at A' Design Award

Yan, where these colors originate, was designed by Guanyu Tao.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#F6F9FA
Ghost White
20.0% White
Web Formats
HEX #F6F9FA
RGB 246,249,250
HSL hsl(195, 29%, 97%)
HWB hwb(195, 96%, 2%)
Print & Design
CMYK cmyk(2%, 0%, 0%, 2%)
HSV hsv(195, 2%, 98%)
Perceptual (Color Science)
LAB lab(97.73, -0.81, -0.83)
LCH lch(97.73, 1.16, 225.5°)
XYZ xyz(89.13, 94.25, 103.92)
OKLab oklab(0.9801, -0.0027, -0.0022)
Accessibility (WCAG 2.1)
Aa
On White
1.06:1
Fail
Aa
On Black
19.85:1
AAA Pass
Aa
White on Color
1.06:1
Fail
Aa
Black on Color
19.85:1
AAA Pass
94.3%
Relative Luminance
0.9425
Very Light

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
#FAF6F5
Complementary
of Ghost White
#F5F6FA
Analogous
of Ghost White
#F5FAF8
Analogous
of Ghost White
#EFF4F6
Lighter Tint
of Ghost White
#EFF4F6
Lighter Tint
of Ghost White
#EFF4F6
Lighter Tint
of Ghost White
#C4D8DE
Darker Shade
of Ghost White
#92B7C3
Darker Shade
of Ghost White
#6196A8
Darker Shade
of Ghost White
Ghost White
Named Color
Discover the Hue
#B1B6B6
Dark Gray
14.3% Gray
Web Formats
HEX #B1B6B6
RGB 177,182,182
HSL hsl(180, 3%, 70%)
HWB hwb(180, 69%, 29%)
Print & Design
CMYK cmyk(3%, 0%, 0%, 29%)
HSV hsv(180, 3%, 71%)
Perceptual (Color Science)
LAB lab(73.66, -1.74, -0.61)
LCH lch(73.66, 1.85, 199.3°)
XYZ xyz(43.3, 46.18, 50.88)
OKLab oklab(0.7723, -0.0054, -0.0016)
Accessibility (WCAG 2.1)
Aa
On White
2.05:1
Fail
Aa
On Black
10.24:1
AAA Pass
Aa
White on Color
2.05:1
Fail
Aa
Black on Color
10.24:1
AAA Pass
46.2%
Relative Luminance
0.4618
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
#B5B0B0
Complementary
of Dark Gray
#B0B3B5
Analogous
of Dark Gray
#B0B5B3
Analogous
of Dark Gray
#D8DADA
Lighter Tint
of Dark Gray
#F2F3F3
Lighter Tint
of Dark Gray
#F2F3F3
Lighter Tint
of Dark Gray
#899090
Darker Shade
of Dark Gray
#636969
Darker Shade
of Dark Gray
#3E4242
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#918C78
Gray
12.2% Gray
Web Formats
HEX #918C78
RGB 145,140,120
HSL hsl(48, 10%, 52%)
HWB hwb(48, 47%, 43%)
Print & Design
CMYK cmyk(0%, 3%, 17%, 43%)
HSV hsv(48, 17%, 57%)
Perceptual (Color Science)
LAB lab(58.16, -1.69, 11.36)
LCH lch(58.16, 11.49, 98.5°)
XYZ xyz(24.45, 26.13, 21.52)
OKLab oklab(0.6387, -0.0028, 0.0293)
Accessibility (WCAG 2.1)
Aa
On White
3.37:1
Large Only
Aa
On Black
6.23:1
AA Pass
Aa
White on Color
3.37:1
Large Only
Aa
Black on Color
6.23:1
AA Pass
26.1%
Relative Luminance
0.2613
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
#787D91
Complementary
of Gray
#899178
Analogous
of Gray
#918078
Analogous
of Gray
#B3B0A2
Lighter Tint
of Gray
#D6D4CD
Lighter Tint
of Gray
#F4F3F1
Lighter Tint
of Gray
#686455
Darker Shade
of Gray
#3E3B32
Darker Shade
of Gray
#141310
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#7D7866
Dim Gray
11.5% Gray
Web Formats
HEX #7D7866
RGB 125,120,102
HSL hsl(47, 10%, 45%)
HWB hwb(47, 40%, 51%)
Print & Design
CMYK cmyk(0%, 4%, 18%, 51%)
HSV hsv(47, 18%, 49%)
Perceptual (Color Science)
LAB lab(50.4, -1.35, 10.59)
LCH lch(50.4, 10.67, 97.3°)
XYZ xyz(17.57, 18.75, 15.26)
OKLab oklab(0.5719, -0.002, 0.0273)
Accessibility (WCAG 2.1)
Aa
On White
4.42:1
Large Only
Aa
On Black
4.75:1
AA Pass
Aa
White on Color
4.42:1
Large Only
Aa
Black on Color
4.75:1
AA Pass
18.8%
Relative Luminance
0.1875
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
#676C7E
Complementary
of Dim Gray
#787E67
Analogous
of Dim Gray
#7E6E67
Analogous
of Dim Gray
#A39F8F
Lighter Tint
of Dim Gray
#C6C3B9
Lighter Tint
of Dim Gray
#E8E7E3
Lighter Tint
of Dim Gray
#545145
Darker Shade
of Dim Gray
#2A2822
Darker Shade
of Dim Gray
#0E0D0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#9DA29F
Dark Gray
11.5% Gray
Web Formats
HEX #9DA29F
RGB 157,162,159
HSL hsl(144, 3%, 63%)
HWB hwb(144, 62%, 36%)
Print & Design
CMYK cmyk(3%, 0%, 2%, 36%)
HSV hsv(144, 3%, 64%)
Perceptual (Color Science)
LAB lab(66.15, -2.36, 0.93)
LCH lch(66.15, 2.54, 158.4°)
XYZ xyz(33.08, 35.51, 37.91)
OKLab oklab(0.7073, -0.0067, 0.0024)
Accessibility (WCAG 2.1)
Aa
On White
2.59:1
Fail
Aa
On Black
8.10:1
AAA Pass
Aa
White on Color
2.59:1
Fail
Aa
Black on Color
8.10:1
AAA Pass
35.5%
Relative Luminance
0.3551
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
#A39EA1
Complementary
of Dark Gray
#9EA3A3
Analogous
of Dark Gray
#9EA39E
Analogous
of Dark Gray
#C5C9C7
Lighter Tint
of Dark Gray
#EDEEED
Lighter Tint
of Dark Gray
#F2F3F2
Lighter Tint
of Dark Gray
#777E7A
Darker Shade
of Dark Gray
#525754
Darker Shade
of Dark Gray
#2D2F2E
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#DBE7F2
Lavender
11.2% Purple
Web Formats
HEX #DBE7F2
RGB 219,231,242
HSL hsl(209, 47%, 90%)
HWB hwb(209, 86%, 5%)
Print & Design
CMYK cmyk(10%, 5%, 0%, 5%)
HSV hsv(209, 10%, 95%)
Perceptual (Color Science)
LAB lab(91.06, -1.89, -6.7)
LCH lch(91.06, 6.96, 254.2°)
XYZ xyz(73.81, 78.62, 95.27)
OKLab oklab(0.9222, -0.0081, -0.018)
Accessibility (WCAG 2.1)
Aa
On White
1.26:1
Fail
Aa
On Black
16.72:1
AAA Pass
Aa
White on Color
1.26:1
Fail
Aa
Black on Color
16.72:1
AAA Pass
78.6%
Relative Luminance
0.7862
Light

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
#F1E5DA
Complementary
of Lavender
#DADAF1
Analogous
of Lavender
#DAF1F1
Analogous
of Lavender
#ECF2F8
Lighter Tint
of Lavender
#ECF2F8
Lighter Tint
of Lavender
#ECF2F8
Lighter Tint
of Lavender
#A1C0DD
Darker Shade
of Lavender
#699BC9
Darker Shade
of Lavender
#3D75A9
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue
#C3C9CA
Silver
9.8% Gray
Web Formats
HEX #C3C9CA
RGB 195,201,202
HSL hsl(189, 6%, 78%)
HWB hwb(189, 76%, 21%)
Print & Design
CMYK cmyk(3%, 0%, 0%, 21%)
HSV hsv(189, 3%, 79%)
Perceptual (Color Science)
LAB lab(80.54, -1.87, -1.21)
LCH lch(80.54, 2.23, 213.1°)
XYZ xyz(54.05, 57.64, 64.14)
OKLab oklab(0.8315, -0.0059, -0.0033)
Accessibility (WCAG 2.1)
Aa
On White
1.68:1
Fail
Aa
On Black
12.53:1
AAA Pass
Aa
White on Color
1.68:1
Fail
Aa
Black on Color
12.53:1
AAA Pass
57.6%
Relative Luminance
0.5764
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
#CAC5C4
Complementary
of Silver
#C4C6CA
Analogous
of Silver
#C4CAC8
Analogous
of Silver
#ECEEEE
Lighter Tint
of Silver
#F1F3F3
Lighter Tint
of Silver
#F1F3F3
Lighter Tint
of Silver
#9BA5A6
Darker Shade
of Silver
#738082
Darker Shade
of Silver
#4F5859
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#909692
Light Slate Gray
9.5% Gray
Web Formats
HEX #909692
RGB 144,150,146
HSL hsl(140, 3%, 58%)
HWB hwb(140, 56%, 41%)
Print & Design
CMYK cmyk(4%, 0%, 3%, 41%)
HSV hsv(140, 4%, 59%)
Perceptual (Color Science)
LAB lab(61.5, -2.95, 1.35)
LCH lch(61.5, 3.25, 155.4°)
XYZ xyz(27.6, 29.82, 31.49)
OKLab oklab(0.667, -0.0083, 0.0035)
Accessibility (WCAG 2.1)
Aa
On White
3.02:1
Large Only
Aa
On Black
6.96:1
AA Pass
Aa
White on Color
3.02:1
Large Only
Aa
Black on Color
6.96:1
AA Pass
29.8%
Relative Luminance
0.2982
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
#979195
Complementary
of Light Slate Gray
#919796
Analogous
of Light Slate Gray
#929791
Analogous
of Light Slate Gray
#B8BCB9
Lighter Tint
of Light Slate Gray
#DFE1E0
Lighter Tint
of Light Slate Gray
#F2F3F2
Lighter Tint
of Light Slate Gray
#6A716D
Darker Shade
of Light Slate Gray
#454A47
Darker Shade
of Light Slate Gray
#202221
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue

The colors presented here were analyzed from Guanyu Tao's celebrated design "Yan".

About the Designer

Guanyu Tao

Guanyu Tao is a celebrated designer acknowledged by the A' Design Award. Their work showcases mastery in aesthetic development.

Guanyu Tao is an architectural designer and visual artist based in Los Angeles. With a background in architecture and urban design, his work spans the fields of built environment, digital art, and spatial research. Tao’s professional experience includes critical roles in large-scale architectural and planning projects across the United States and China. His work has been recognized by international design institutions and featured in exhibitions and publications. He is an Associate of the American Institute of Architects and a LEED Accredited Professional, contributing to sustainable and context-driven design practice.

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

Explore Tao's Palettes View Tao's Profile
Golden A' Architecture, Building and Structure Design Award 2025

About the Award

Golden A' Architecture, Building and Structure Design Award 2025

Yan has been recognized with the Golden A' Architecture, Building and Structure Design Award in 2025. The A' Design Award is an internationally acknowledged design competition that recognizes outstanding creative accomplishment. Laureates are chosen through comprehensive judging by industry experts representing multiple disciplines. The Golden status reflects high caliber design work as determined by the international jury.

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 Yan

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

Yan - View 2
6B6F44
545A37
82825D
333921
97937E
D7D4D1
A5A196
B5B1A8
Yan • View 2
Yan - View 3
5A6330
71763F
354418
88854F
495225
979463
DDDBD6
CDC9BF
Yan • View 3
Yan - View 4
53563E
3D432B
BCB9B7
696758
D1CFCD
A4A19C
86847B
797569
Yan • View 4
Yan - View 5
83827B
D6D6D2
E8E8E4
BABCB7
94948D
6E6D63
A6A79F
C4C7C4
Yan • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

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
Dongtou Passenger Port
1B1F29
293242
282911
131314
3D3D20
394659
706D69
ABB0B9
Dongtou Passenger Port
68,085 ID#172054
Spira Silva
CABCB4
B7ADA8
A49995
675344
8D6E57
40352A
C69B6C
796253
Spira Silva
60,417 ID#170530
Yokohama Chigasakihigashi
2D3F54
1E2D3D
05080D
111C28
99C1E7
7FB0DB
034172
2A2113
Yokohama Chigasakihigashi
90,058 ID#164194
Embraced in Recycled Steel
3460A4
060C0F
4270B7
2E3A4B
1D262C
304563
51606F
445466
Embraced in Recycled Steel
59,606 ID#170802
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