Ruyi - 8 Color Palette | Color Sets
Color Sets

Color Palette

Ruyi — Exhibition Center

4F6AAA
Copy As
HEX #4F6AAA
RGB rgb(79,106,170)
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
6984BD
Copy As
HEX #6984BD
RGB rgb(105,132,189)
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
5D677E
Copy As
HEX #5D677E
RGB rgb(93,103,126)
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
1A290F
Copy As
HEX #1A290F
RGB rgb(26,41,15)
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
C5C4C6
Copy As
HEX #C5C4C6
RGB rgb(197,196,198)
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
7D97C7
Copy As
HEX #7D97C7
RGB rgb(125,151,199)
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
A5A9B2
Copy As
HEX #A5A9B2
RGB rgb(165,169,178)
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
465264
Copy As
HEX #465264
RGB rgb(70,82,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
#4F6AAA
#6984BD
#5D677E
#1A290F
#C5C4C6
#7D97C7
#A5A9B2
#465264
Ruyi

This palette was extracted from

Ruyi

Award-Winning Exhibition Center

About the Design

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

About the Award-Winning Exhibition Center Design: The designer carries out the second creation by extracting, analyzing, and abstracting the shape of Ruyi to express the contemporary design with new materials and construction methods. In this construction, a steel structure is used to make a curved shape. The entire facade is covered by white aluminum plates with each plate processed into curves with different arcs through precise calculations. They are perfectly spliced to form a streamlined shape, forming a sense of modern technology and creating the charm of Ruyi. Every design detail is so fully displayed.

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

View at A' Design Award

Ruyi, the inspiration behind this palette, was designed by Kris Lin.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#4F6AAA
Steel Blue
29.8% Blue
Web Formats
HEX #4F6AAA
RGB 79,106,170
HSL hsl(222, 37%, 49%)
HWB hwb(222, 31%, 33%)
Print & Design
CMYK cmyk(54%, 38%, 0%, 33%)
HSV hsv(222, 54%, 67%)
Perceptual (Color Science)
LAB lab(45.46, 9.04, -37.36)
LCH lch(45.46, 38.44, 283.6°)
XYZ xyz(15.63, 14.87, 40.07)
OKLab oklab(0.5328, -0.0081, -0.1056)
Accessibility (WCAG 2.1)
Aa
On White
5.28:1
AA Pass
Aa
On Black
3.97:1
Large Only
Aa
White on Color
5.28:1
AA Pass
Aa
Black on Color
3.97:1
Large Only
14.9%
Relative Luminance
0.1487
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
#AB8F4F
Complementary
of Steel Blue
#614FAB
Analogous
of Steel Blue
#4F99AB
Analogous
of Steel Blue
#8196C5
Lighter Tint
of Steel Blue
#B6C2DD
Lighter Tint
of Steel Blue
#EAEDF5
Lighter Tint
of Steel Blue
#374A77
Darker Shade
of Steel Blue
#1F2942
Darker Shade
of Steel Blue
#080B11
Darker Shade
of Steel Blue
Steel Blue
Named Color
Discover the Hue
#6984BD
Steel Blue
26.0% Blue
Web Formats
HEX #6984BD
RGB 105,132,189
HSL hsl(221, 39%, 58%)
HWB hwb(221, 41%, 26%)
Print & Design
CMYK cmyk(44%, 30%, 0%, 26%)
HSV hsv(221, 44%, 74%)
Perceptual (Color Science)
LAB lab(55.26, 5.61, -32.85)
LCH lch(55.26, 33.33, 279.7°)
XYZ xyz(23.26, 23.18, 51.38)
OKLab oklab(0.6161, -0.009, -0.092)
Accessibility (WCAG 2.1)
Aa
On White
3.73:1
Large Only
Aa
On Black
5.64:1
AA Pass
Aa
White on Color
3.73:1
Large Only
Aa
Black on Color
5.64:1
AA Pass
23.2%
Relative Luminance
0.2318
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
#BEA36A
Complementary
of Steel Blue
#796ABE
Analogous
of Steel Blue
#6AAEBE
Analogous
of Steel Blue
#9FB0D5
Lighter Tint
of Steel Blue
#D4DCEC
Lighter Tint
of Steel Blue
#EDF0F7
Lighter Tint
of Steel Blue
#435E98
Darker Shade
of Steel Blue
#2C3D63
Darker Shade
of Steel Blue
#141C2E
Darker Shade
of Steel Blue
Steel Blue
Named Color
Discover the Hue
#5D677E
Dim Gray
11.6% Gray
Web Formats
HEX #5D677E
RGB 93,103,126
HSL hsl(222, 15%, 43%)
HWB hwb(222, 36%, 51%)
Print & Design
CMYK cmyk(26%, 18%, 0%, 51%)
HSV hsv(222, 26%, 49%)
Perceptual (Color Science)
LAB lab(43.56, 1.76, -14.06)
LCH lch(43.56, 14.17, 277.1°)
XYZ xyz(13.13, 13.53, 21.66)
OKLab oklab(0.514, -0.0023, -0.0385)
Accessibility (WCAG 2.1)
Aa
On White
5.67:1
AA Pass
Aa
On Black
3.71:1
Large Only
Aa
White on Color
5.67:1
AA Pass
Aa
Black on Color
3.71:1
Large Only
13.5%
Relative Luminance
0.1353
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
#7E745D
Complementary
of Dim Gray
#645D7E
Analogous
of Dim Gray
#5D787E
Analogous
of Dim Gray
#848DA4
Lighter Tint
of Dim Gray
#B0B6C4
Lighter Tint
of Dim Gray
#DCDFE5
Lighter Tint
of Dim Gray
#3D4352
Darker Shade
of Dim Gray
#1C1F26
Darker Shade
of Dim Gray
#0B0C0F
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#1A290F
Black
10.7% Black
Web Formats
HEX #1A290F
RGB 26,41,15
HSL hsl(95, 46%, 11%)
HWB hwb(95, 6%, 84%)
Print & Design
CMYK cmyk(37%, 0%, 63%, 84%)
HSV hsv(95, 63%, 16%)
Perceptual (Color Science)
LAB lab(14.62, -12.27, 14.65)
LCH lch(14.62, 19.11, 129.9°)
XYZ xyz(1.31, 1.84, 0.74)
OKLab oklab(0.2598, -0.0339, 0.0358)
Accessibility (WCAG 2.1)
Aa
On White
15.35:1
AAA Pass
Aa
On Black
1.37:1
Fail
Aa
White on Color
15.35: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
#1E0F29
Complementary
of Black
#0F2911
Analogous
of Black
#27290F
Analogous
of Black
#3D6124
Lighter Tint
of Black
#619938
Lighter Tint
of Black
#86C25B
Lighter Tint
of Black
#0C1307
Darker Shade
of Black
#0C1307
Darker Shade
of Black
#0C1307
Darker Shade
of Black
Black
Named Color
Discover the Hue
#C5C4C6
Silver
6.0% Gray
Web Formats
HEX #C5C4C6
RGB 197,196,198
HSL hsl(270, 2%, 77%)
HWB hwb(270, 77%, 22%)
Print & Design
CMYK cmyk(1%, 1%, 0%, 22%)
HSV hsv(270, 1%, 78%)
Perceptual (Color Science)
LAB lab(79.29, 0.71, -0.88)
LCH lch(79.29, 1.13, 309.1°)
XYZ xyz(52.96, 55.43, 61.32)
OKLab oklab(0.8217, 0.0018, -0.0023)
Accessibility (WCAG 2.1)
Aa
On White
1.74:1
Fail
Aa
On Black
12.09:1
AAA Pass
Aa
White on Color
1.74:1
Fail
Aa
Black on Color
12.09:1
AAA Pass
55.4%
Relative Luminance
0.5543
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
#C4C6C3
Complementary
of Silver
#C6C3C6
Analogous
of Silver
#C3C3C6
Analogous
of Silver
#EBEAEB
Lighter Tint
of Silver
#F2F2F3
Lighter Tint
of Silver
#F2F2F3
Lighter Tint
of Silver
#9E9CA0
Darker Shade
of Silver
#78757A
Darker Shade
of Silver
#525053
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#7D97C7
Cornflower Blue
6.0% Blue
Web Formats
HEX #7D97C7
RGB 125,151,199
HSL hsl(219, 40%, 64%)
HWB hwb(219, 49%, 22%)
Print & Design
CMYK cmyk(37%, 24%, 0%, 22%)
HSV hsv(219, 37%, 78%)
Perceptual (Color Science)
LAB lab(62.18, 2.8, -27.66)
LCH lch(62.18, 27.81, 275.8°)
XYZ xyz(29.83, 30.62, 58.36)
OKLab oklab(0.6748, -0.0102, -0.0767)
Accessibility (WCAG 2.1)
Aa
On White
2.95:1
Fail
Aa
On Black
7.12:1
AAA Pass
Aa
White on Color
2.95:1
Fail
Aa
Black on Color
7.12:1
AAA Pass
30.6%
Relative Luminance
0.3062
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
#C8AE7E
Complementary
of Cornflower Blue
#897EC8
Analogous
of Cornflower Blue
#7EBDC8
Analogous
of Cornflower Blue
#B4C3DF
Lighter Tint
of Cornflower Blue
#EAEEF6
Lighter Tint
of Cornflower Blue
#EDF1F7
Lighter Tint
of Cornflower Blue
#4B6EAF
Darker Shade
of Cornflower Blue
#344C79
Darker Shade
of Cornflower Blue
#1D2B44
Darker Shade
of Cornflower Blue
Cornflower Blue
Named Color
Discover the Hue
#A5A9B2
Dark Gray
5.1% Gray
Web Formats
HEX #A5A9B2
RGB 165,169,178
HSL hsl(222, 8%, 67%)
HWB hwb(222, 65%, 30%)
Print & Design
CMYK cmyk(7%, 5%, 0%, 30%)
HSV hsv(222, 7%, 70%)
Perceptual (Color Science)
LAB lab(69.18, 0.36, -5.11)
LCH lch(69.18, 5.12, 274°)
XYZ xyz(37.74, 39.59, 47.76)
OKLab oklab(0.7344, -0.0008, -0.0137)
Accessibility (WCAG 2.1)
Aa
On White
2.35:1
Fail
Aa
On Black
8.92:1
AAA Pass
Aa
White on Color
2.35:1
Fail
Aa
Black on Color
8.92:1
AAA Pass
39.6%
Relative Luminance
0.3959
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
#B2AEA4
Complementary
of Dark Gray
#A7A4B2
Analogous
of Dark Gray
#A4AFB2
Analogous
of Dark Gray
#CDD0D5
Lighter Tint
of Dark Gray
#F1F2F3
Lighter Tint
of Dark Gray
#F1F2F3
Lighter Tint
of Dark Gray
#7B818E
Darker Shade
of Dark Gray
#575B66
Darker Shade
of Dark Gray
#34363D
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#465264
Dark Slate Gray
4.8% Gray
Web Formats
HEX #465264
RGB 70,82,100
HSL hsl(216, 18%, 33%)
HWB hwb(216, 27%, 61%)
Print & Design
CMYK cmyk(30%, 18%, 0%, 61%)
HSV hsv(216, 30%, 39%)
Perceptual (Color Science)
LAB lab(34.51, -0.05, -11.98)
LCH lch(34.51, 11.98, 269.8°)
XYZ xyz(7.84, 8.26, 13.23)
OKLab oklab(0.4353, -0.0068, -0.0329)
Accessibility (WCAG 2.1)
Aa
On White
7.92:1
AAA Pass
Aa
On Black
2.65:1
Fail
Aa
White on Color
7.92:1
AAA Pass
Aa
Black on Color
2.65:1
Fail
8.3%
Relative Luminance
0.0826
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
#635745
Complementary
of Dark Slate Gray
#484563
Analogous
of Dark Slate Gray
#456063
Analogous
of Dark Slate Gray
#647690
Lighter Tint
of Dark Slate Gray
#909DB2
Lighter Tint
of Dark Slate Gray
#BDC5D1
Lighter Tint
of Dark Slate Gray
#262C36
Darker Shade
of Dark Slate Gray
#0A0C0F
Darker Shade
of Dark Slate Gray
#0A0C0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue

These hues were detected in Kris Lin's recognized creation "Ruyi".

Kris Lin

About the Designer

Kris Lin

Kris Lin is a distinguished design visionary recognized by the A' Design Award. Their creative vision reflects exceptional skill in creative direction.

2001 came to Shanghai and built “KLID Design Office” to work on the interior design for architecture.

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

Explore Lin's Palettes View Lin's Profile
Platinum A' Architecture, Building and Structure Design Award 2021

About the Award

Platinum A' Architecture, Building and Structure Design Award 2021

Ruyi has been recognized with the Platinum A' Architecture, Building and Structure Design Award in 2021. 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 signifies significant creative merit as evaluated by the evaluation panel.

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 Ruyi

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

Ruyi - View 2
0566CF
2A73D6
4984DB
0E4B91
19334E
0A3E75
96ADCB
514F37
Ruyi • View 2
Ruyi - View 3
B6BBC1
9CCBFD
83BEFA
CCCFD4
2C5272
A7AFB8
090D0D
2F465A
Ruyi • View 3
Ruyi - View 4
4F6378
2B3D49
6D747C
192D33
E8DCD3
C5C1C0
AEAEB1
6B98C5
Ruyi • View 4
Ruyi - View 5
102635
A1AFC0
D0C7C8
CCB8B0
243745
4C5C6B
7A8EA3
8CA0B8
Ruyi • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Snow Park
6F665C
84796B
554F49
968B7C
AEA08D
3F3C38
BDB19F
CCC2B1
Snow Park
786,279 ID#170932
Vitality Orange
6D6251
494134
38291B
86420B
69523A
542F12
55534A
86867A
Vitality Orange
93,160 ID#170971
Rotunda
AEA897
C1BBA9
D2CDBD
423931
E4DFD2
4A5C6A
5F717D
928D7C
Rotunda
70,008 ID#170792
Horizon Haven
453A31
2E241D
BE9976
5B4E44
755F4D
A88260
857361
CAAB8B
Horizon Haven
66,126 ID#170870
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
Dongguan Zhongshuge Library
171210
43372F
5A4C42
2D2521
6D5F55
827266
080606
938277
Dongguan Zhongshuge Library
2,394,297 ID#171381