Floating Life - 8 Color Palette | Color Plate
Color Plate

Color Palette

Floating Life — To Help People

6D6D6D
Copy As
HEX #6D6D6D
RGB rgb(109,109,109)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
C6C6C6
Copy As
HEX #C6C6C6
RGB rgb(198,198,198)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
424343
Copy As
HEX #424343
RGB rgb(66,67,67)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
AAAAAA
Copy As
HEX #AAAAAA
RGB rgb(170,170,170)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
959595
Copy As
HEX #959595
RGB rgb(149,149,149)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
E6E6E6
Copy As
HEX #E6E6E6
RGB rgb(230,230,230)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
575858
Copy As
HEX #575858
RGB rgb(87,88,88)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
818282
Copy As
HEX #818282
RGB rgb(129,130,130)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
#6D6D6D
#C6C6C6
#424343
#AAAAAA
#959595
#E6E6E6
#575858
#818282
Floating Life

This palette was extracted from

Floating Life

Award-Winning To Help People

About the Design

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

About the Award-Winning To Help People Design: There are many personalities, emotions, and characters in life. The work closely integrates the shaping of each character. Thoughts are not only reflected in the brain but also on the surface. Floating life can be experienced by everyone, and each emotion may appear more or less in everyone's life. In addition to the illustration in the poster, designer also gave a detailed explanation of each emotion in order to better feel the details in the work.

This palette has a neutral temperature, offering versatility in various contexts.

View at A' Design Award

Floating Life, the design behind this palette, was designed by Lu Zhao.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#6D6D6D
Dim Gray
15.1% Gray
Web Formats
HEX #6D6D6D
RGB 109,109,109
HSL hsl(0, 0%, 43%)
HWB hwb(0, 43%, 57%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 57%)
HSV hsv(0, 0%, 43%)
Perceptual (Color Science)
LAB lab(46.03, -0, 0)
LCH lch(46.03, 0, 158.2°)
XYZ xyz(14.54, 15.29, 16.65)
OKLab oklab(0.5348, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
5.17:1
AA Pass
Aa
On Black
4.06:1
Large Only
Aa
White on Color
5.17:1
AA Pass
Aa
Black on Color
4.06:1
Large Only
15.3%
Relative Luminance
0.1529
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
#6E6E6E
Complementary
of Dim Gray
#6E6E6E
Analogous
of Dim Gray
#6E6E6E
Analogous
of Dim Gray
#949494
Lighter Tint
of Dim Gray
#BABABA
Lighter Tint
of Dim Gray
#E0E0E0
Lighter Tint
of Dim Gray
#474747
Darker Shade
of Dim Gray
#212121
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#C6C6C6
Silver
13.2% Gray
Web Formats
HEX #C6C6C6
RGB 198,198,198
HSL hsl(0, 0%, 78%)
HWB hwb(0, 78%, 22%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 22%)
HSV hsv(0, 0%, 78%)
Perceptual (Color Science)
LAB lab(79.88, -0, 0)
LCH lch(79.88, 0, 158.2°)
XYZ xyz(53.67, 56.47, 61.49)
OKLab oklab(0.8266, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.71:1
Fail
Aa
On Black
12.29:1
AAA Pass
Aa
White on Color
1.71:1
Fail
Aa
Black on Color
12.29:1
AAA Pass
56.5%
Relative Luminance
0.5647
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
#C7C7C7
Complementary
of Silver
#C7C7C7
Analogous
of Silver
#C7C7C7
Analogous
of Silver
#EDEDED
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#A1A1A1
Darker Shade
of Silver
#7A7A7A
Darker Shade
of Silver
#545454
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#424343
Dark Slate Gray
13.4% Gray
Web Formats
HEX #424343
RGB 66,67,67
HSL hsl(180, 1%, 26%)
HWB hwb(180, 26%, 74%)
Print & Design
CMYK cmyk(1%, 0%, 0%, 74%)
HSV hsv(180, 1%, 26%)
Perceptual (Color Science)
LAB lab(28.32, -0.42, -0.15)
LCH lch(28.32, 0.44, 199.3°)
XYZ xyz(5.27, 5.58, 6.11)
OKLab oklab(0.3819, -0.0013, -0.0004)
Accessibility (WCAG 2.1)
Aa
On White
9.93:1
AAA Pass
Aa
On Black
2.12:1
Fail
Aa
White on Color
9.93:1
AAA Pass
Aa
Black on Color
2.12:1
Fail
5.6%
Relative Luminance
0.0558
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
#434242
Complementary
of Dark Slate Gray
#424243
Analogous
of Dark Slate Gray
#424342
Analogous
of Dark Slate Gray
#686A6A
Lighter Tint
of Dark Slate Gray
#8E9090
Lighter Tint
of Dark Slate Gray
#B4B6B6
Lighter Tint
of Dark Slate Gray
#1C1C1C
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#AAAAAA
Dark Gray
12.8% Gray
Web Formats
HEX #AAAAAA
RGB 170,170,170
HSL hsl(0, 0%, 67%)
HWB hwb(0, 67%, 33%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 33%)
HSV hsv(0, 0%, 67%)
Perceptual (Color Science)
LAB lab(69.61, -0, 0)
LCH lch(69.61, 0, 158.2°)
XYZ xyz(38.21, 40.2, 43.77)
OKLab oklab(0.738, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
2.32:1
Fail
Aa
On Black
9.04:1
AAA Pass
Aa
White on Color
2.32:1
Fail
Aa
Black on Color
9.04:1
AAA Pass
40.2%
Relative Luminance
0.4020
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
#ABABAB
Complementary
of Dark Gray
#ABABAB
Analogous
of Dark Gray
#ABABAB
Analogous
of Dark Gray
#D1D1D1
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#858585
Darker Shade
of Dark Gray
#5E5E5E
Darker Shade
of Dark Gray
#383838
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#959595
Light Slate Gray
12.2% Gray
Web Formats
HEX #959595
RGB 149,149,149
HSL hsl(0, 0%, 58%)
HWB hwb(0, 58%, 42%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 42%)
HSV hsv(0, 0%, 58%)
Perceptual (Color Science)
LAB lab(61.7, -0, 0)
LCH lch(61.7, 0, 158.2°)
XYZ xyz(28.57, 30.05, 32.72)
OKLab oklab(0.6698, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
3.00:1
Large Only
Aa
On Black
7.01:1
AAA Pass
Aa
White on Color
3.00:1
Large Only
Aa
Black on Color
7.01:1
AAA Pass
30.1%
Relative Luminance
0.3005
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
#949494
Complementary
of Light Slate Gray
#949494
Analogous
of Light Slate Gray
#949494
Analogous
of Light Slate Gray
#BABABA
Lighter Tint
of Light Slate Gray
#E0E0E0
Lighter Tint
of Light Slate Gray
#F2F2F2
Lighter Tint
of Light Slate Gray
#6E6E6E
Darker Shade
of Light Slate Gray
#474747
Darker Shade
of Light Slate Gray
#212121
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#E6E6E6
Lavender
11.6% Purple
Web Formats
HEX #E6E6E6
RGB 230,230,230
HSL hsl(0, 0%, 90%)
HWB hwb(0, 90%, 10%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 10%)
HSV hsv(0, 0%, 90%)
Perceptual (Color Science)
LAB lab(91.29, -0, 0)
LCH lch(91.29, 0, 158.2°)
XYZ xyz(75.21, 79.13, 86.16)
OKLab oklab(0.9249, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.25:1
Fail
Aa
On Black
16.83:1
AAA Pass
Aa
White on Color
1.25:1
Fail
Aa
Black on Color
16.83:1
AAA Pass
79.1%
Relative Luminance
0.7913
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
#E6E6E6
Complementary
of Lavender
#E6E6E6
Analogous
of Lavender
#E6E6E6
Analogous
of Lavender
#F2F2F2
Lighter Tint
of Lavender
#F2F2F2
Lighter Tint
of Lavender
#F2F2F2
Lighter Tint
of Lavender
#BFBFBF
Darker Shade
of Lavender
#999999
Darker Shade
of Lavender
#737373
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue
#575858
Dim Gray
11.3% Gray
Web Formats
HEX #575858
RGB 87,88,88
HSL hsl(180, 1%, 34%)
HWB hwb(180, 34%, 65%)
Print & Design
CMYK cmyk(1%, 0%, 0%, 65%)
HSV hsv(180, 1%, 35%)
Perceptual (Color Science)
LAB lab(37.32, -0.4, -0.14)
LCH lch(37.32, 0.42, 199.4°)
XYZ xyz(9.18, 9.71, 10.62)
OKLab oklab(0.4595, -0.0012, -0.0004)
Accessibility (WCAG 2.1)
Aa
On White
7.14:1
AAA Pass
Aa
On Black
2.94:1
Fail
Aa
White on Color
7.14:1
AAA Pass
Aa
Black on Color
2.94:1
Fail
9.7%
Relative Luminance
0.0971
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
#585656
Complementary
of Dim Gray
#565758
Analogous
of Dim Gray
#565857
Analogous
of Dim Gray
#7C7E7E
Lighter Tint
of Dim Gray
#A2A4A4
Lighter Tint
of Dim Gray
#C9CACA
Lighter Tint
of Dim Gray
#303131
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#818282
Gray
10.3% Gray
Web Formats
HEX #818282
RGB 129,130,130
HSL hsl(180, 0%, 51%)
HWB hwb(180, 51%, 49%)
Print & Design
CMYK cmyk(1%, 0%, 0%, 49%)
HSV hsv(180, 1%, 51%)
Perceptual (Color Science)
LAB lab(54.29, -0.37, -0.13)
LCH lch(54.29, 0.39, 199.4°)
XYZ xyz(21.06, 22.24, 24.3)
OKLab oklab(0.6058, -0.0011, -0.0004)
Accessibility (WCAG 2.1)
Aa
On White
3.85:1
Large Only
Aa
On Black
5.45:1
AA Pass
Aa
White on Color
3.85:1
Large Only
Aa
Black on Color
5.45:1
AA Pass
22.2%
Relative Luminance
0.2224
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
#828282
Complementary
of Gray
#828282
Analogous
of Gray
#828282
Analogous
of Gray
#A8A8A8
Lighter Tint
of Gray
#CFCFCF
Lighter Tint
of Gray
#F2F2F2
Lighter Tint
of Gray
#5C5C5C
Darker Shade
of Gray
#363636
Darker Shade
of Gray
#0F0F0F
Darker Shade
of Gray
Gray
Named Color
Discover the Hue

These colors were identified within Lu Zhao's celebrated design "Floating Life".

About the Designer

Lu Zhao

Lu Zhao is a celebrated creative director honored by the A' Design Award. Their portfolio demonstrates expertise in design and visual communication.

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

Explore Zhao's Palettes View Zhao's Profile
Platinum A' Graphics, Illustration and Visual Communication Design Award 2021

About the Award

Platinum A' Graphics, Illustration and Visual Communication Design Award 2021

Floating Life received recognition with the Platinum A' Graphics, Illustration and Visual Communication Design Award in 2021. 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 with diverse expertise in design. The Platinum status reflects high caliber design work as determined by the international jury.

A' Graphics, Illustration and Visual Communication Design Award

Celebrate the artistry and ingenuity in visual storytelling through the Graphics, Illustration and Visual Communication Design Award. The award category highlights exceptional creativity, effective communication, and the transformative power of illustrative and graphic design.

Recognizes: Logos, Posters, Infographics, Brochures, Packaging Designs, Business Cards, Book Covers, Billboards and More.
Learn More About A' Graphics, Illustration and Visual Communication Design Award View at A' Design Award

More Palettes from Floating Life

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

Floating Life - View 2
5A5B5A
717171
100F0E
E6E6E6
9A9A9A
262726
858585
B1B1B1
Floating Life • View 2
Floating Life - View 3
DFDEDE
C4C4C4
AFAFAF
525353
9A9A9A
6A6A6A
858585
3A3B3A
Floating Life • View 3
Floating Life - View 4
FEFEFE
313232
E6E6E6
848383
131313
525352
6D6D6D
BFBFBF
Floating Life • View 4
Floating Life - View 5
E0E0E0
C7C7C7
B1B1B1
989898
818181
5D5D5D
353535
6F6F6F
Floating Life • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Culture to Technology Identity
D0D7DC
46769E
BDC2C8
2F608C
676E73
8EB5D1
79A4C2
6592B4
Culture to Technology Identity
1,204,248 ID#172335
Ancora
EEEEEC
AFAFAB
DEDFDC
BEBEBC
979696
606061
202021
737374
Ancora
582,404 ID#146124
Lalique
BBA7AC
9494C9
5D5991
7371A0
7D78B9
A7999F
273473
6965C8
Lalique
524,238 ID#147674
Terra
171718
89898B
A1A1A3
404043
292929
030304
78787A
646467
Terra
502,539 ID#134335
Better Bodies Hi
111113
292829
F6F7FE
3F3D40
565559
737174
878688
E2E4ED
Better Bodies Hi
2,559,959 ID#133445
What Next
D7D5D6
929090
C4C1C2
131315
9E9C9D
706E70
504F50
B0AFB0
What Next
63,775 ID#164675
Fun Community Project
4382BE
151518
050506
C2BEB3
ADA99F
CD664E
548DC3
3E5C96
Fun Community Project
69,780 ID#164645
Chinese Zodiac
A90509
D8B15A
AB2519
E4C679
B34F2B
BB3B3E
C35255
BD6939
Chinese Zodiac
40,634 ID#163225
Birch
AEB2BB
CDD1D8
E9EBEE
BFC3CB
9B9EA6
848891
5E616B
494C54
Birch
1,281,359 ID#163625
Wen Shan Hai
1F1610
3A291C
503A28
0C0705
6D573C
1F2A24
6F3F2E
594B37
Wen Shan Hai
798,847 ID#164834
Tickless Mini
634D40
483932
342822
7B6457
8F7769
D2C8BD
A48D7D
C4B5A7
Tickless Mini
1,085,282 ID#167364
Cali
5A9ABD
EDEEEE
0F5548
99C5DA
51A9D2
68A9CB
119186
C6C7D2
Cali
699,672 ID#167935