Better Bodies Hi - 8 Color Palette | Color Plate
Color Plate

Color Palette

Better Bodies Hi — Brand Identity

111113
Copy As
HEX #111113
RGB rgb(17,17,19)
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
292829
Copy As
HEX #292829
RGB rgb(41,40,41)
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
F6F7FE
Copy As
HEX #F6F7FE
RGB rgb(246,247,254)
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
3F3D40
Copy As
HEX #3F3D40
RGB rgb(63,61,64)
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
565559
Copy As
HEX #565559
RGB rgb(86,85,89)
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
737174
Copy As
HEX #737174
RGB rgb(115,113,116)
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
878688
Copy As
HEX #878688
RGB rgb(135,134,136)
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
E2E4ED
Copy As
HEX #E2E4ED
RGB rgb(226,228,237)
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
#111113
#292829
#F6F7FE
#3F3D40
#565559
#737174
#878688
#E2E4ED
Better Bodies Hi

This palette was extracted from

Better Bodies Hi

Award-Winning Brand Identity

About the Design

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

About the Award-Winning Brand Identity Design: Better Bodies Hi is a workout studio. They needed to create an environment where users after office work could gradually prepare their body and mind towards exercise. Therefore, they designed a typeface that transforms in three stages. As users move from the reception to the workout area, the typeface of the sign gradually changes to a thicker and larger. The typeface gradually guides and encourages the user to work out. They used this typeface in logo, website, and products, to create a brand identity.

This palette has a refreshing feel, evoking peaceful balance.

View at A' Design Award

Better Bodies Hi, the source of these colors, was designed by Takahiro ETO.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#111113
Black
29.3% Black
Web Formats
HEX #111113
RGB 17,17,19
HSL hsl(240, 6%, 7%)
HWB hwb(240, 7%, 93%)
Print & Design
CMYK cmyk(11%, 11%, 0%, 93%)
HSV hsv(240, 11%, 7%)
Perceptual (Color Science)
LAB lab(5.12, 0.42, -1.13)
LCH lch(5.12, 1.2, 290.2°)
XYZ xyz(0.55, 0.57, 0.7)
OKLab oklab(0.1785, 0.0011, -0.0039)
Accessibility (WCAG 2.1)
Aa
On White
18.86:1
AAA Pass
Aa
On Black
1.11:1
Fail
Aa
White on Color
18.86:1
AAA Pass
Aa
Black on Color
1.11:1
Fail
0.6%
Relative Luminance
0.0057
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
#131311
Complementary
of Black
#121113
Analogous
of Black
#111213
Analogous
of Black
#35353B
Lighter Tint
of Black
#595964
Lighter Tint
of Black
#7D7D8C
Lighter Tint
of Black
#0C0C0E
Darker Shade
of Black
#0C0C0E
Darker Shade
of Black
#0C0C0E
Darker Shade
of Black
Black
Named Color
Discover the Hue
#292829
Dark Slate Gray
17.3% Gray
Web Formats
HEX #292829
RGB 41,40,41
HSL hsl(300, 1%, 16%)
HWB hwb(300, 16%, 84%)
Print & Design
CMYK cmyk(0%, 2%, 0%, 84%)
HSV hsv(300, 2%, 16%)
Perceptual (Color Science)
LAB lab(16.25, 0.69, -0.49)
LCH lch(16.25, 0.85, 324.5°)
XYZ xyz(2.07, 2.15, 2.4)
OKLab oklab(0.2783, 0.0019, -0.0013)
Accessibility (WCAG 2.1)
Aa
On White
14.69:1
AAA Pass
Aa
On Black
1.43:1
Fail
Aa
White on Color
14.69:1
AAA Pass
Aa
Black on Color
1.43:1
Fail
2.2%
Relative Luminance
0.0215
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
#282928
Complementary
of Dark Slate Gray
#292829
Analogous
of Dark Slate Gray
#292829
Analogous
of Dark Slate Gray
#504E50
Lighter Tint
of Dark Slate Gray
#767476
Lighter Tint
of Dark Slate Gray
#9D9B9D
Lighter Tint
of Dark Slate Gray
#0D0D0D
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
#F6F7FE
Ghost White
14.9% White
Web Formats
HEX #F6F7FE
RGB 246,247,254
HSL hsl(233, 80%, 98%)
HWB hwb(233, 96%, 0%)
Print & Design
CMYK cmyk(3%, 3%, 0%, 0%)
HSV hsv(233, 3%, 100%)
Perceptual (Color Science)
LAB lab(97.34, 0.92, -3.46)
LCH lch(97.34, 3.58, 284.9°)
XYZ xyz(89.15, 93.27, 107.05)
OKLab oklab(0.9774, 0.0016, -0.0092)
Accessibility (WCAG 2.1)
Aa
On White
1.07:1
Fail
Aa
On Black
19.65:1
AAA Pass
Aa
White on Color
1.07:1
Fail
Aa
Black on Color
19.65:1
AAA Pass
93.3%
Relative Luminance
0.9327
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
#FEFDF6
Complementary
of Ghost White
#F9F6FE
Analogous
of Ghost White
#F6FBFE
Analogous
of Ghost White
#E8EAFC
Lighter Tint
of Ghost White
#E8EAFC
Lighter Tint
of Ghost White
#E8EAFC
Lighter Tint
of Ghost White
#B1B9F6
Darker Shade
of Ghost White
#6C7BEF
Darker Shade
of Ghost White
#273EE7
Darker Shade
of Ghost White
Ghost White
Named Color
Discover the Hue
#3F3D40
Dark Slate Gray
10.6% Gray
Web Formats
HEX #3F3D40
RGB 63,61,64
HSL hsl(280, 2%, 25%)
HWB hwb(280, 24%, 75%)
Print & Design
CMYK cmyk(2%, 5%, 0%, 75%)
HSV hsv(280, 5%, 25%)
Perceptual (Color Science)
LAB lab(26.05, 1.53, -1.54)
LCH lch(26.05, 2.17, 314.8°)
XYZ xyz(4.64, 4.76, 5.52)
OKLab oklab(0.3631, 0.004, -0.0041)
Accessibility (WCAG 2.1)
Aa
On White
10.75:1
AAA Pass
Aa
On Black
1.95:1
Fail
Aa
White on Color
10.75:1
AAA Pass
Aa
Black on Color
1.95:1
Fail
4.8%
Relative Luminance
0.0476
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
#3F413E
Complementary
of Dark Slate Gray
#413E41
Analogous
of Dark Slate Gray
#3F3E41
Analogous
of Dark Slate Gray
#676468
Lighter Tint
of Dark Slate Gray
#8D8A8F
Lighter Tint
of Dark Slate Gray
#B3B1B4
Lighter Tint
of Dark Slate Gray
#1A191A
Darker Shade
of Dark Slate Gray
#0D0C0D
Darker Shade
of Dark Slate Gray
#0D0C0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#565559
Dim Gray
9.5% Gray
Web Formats
HEX #565559
RGB 86,85,89
HSL hsl(255, 2%, 34%)
HWB hwb(255, 33%, 65%)
Print & Design
CMYK cmyk(3%, 4%, 0%, 65%)
HSV hsv(255, 4%, 35%)
Perceptual (Color Science)
LAB lab(36.36, 1.27, -2.18)
LCH lch(36.36, 2.52, 300.2°)
XYZ xyz(8.89, 9.2, 10.76)
OKLab oklab(0.4518, 0.003, -0.0058)
Accessibility (WCAG 2.1)
Aa
On White
7.40:1
AAA Pass
Aa
On Black
2.84:1
Fail
Aa
White on Color
7.40:1
AAA Pass
Aa
Black on Color
2.84:1
Fail
9.2%
Relative Luminance
0.0920
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
#585855
Complementary
of Dim Gray
#585558
Analogous
of Dim Gray
#555658
Analogous
of Dim Gray
#7C7A7F
Lighter Tint
of Dim Gray
#A2A1A5
Lighter Tint
of Dim Gray
#C9C8CB
Lighter Tint
of Dim Gray
#302F31
Darker Shade
of Dim Gray
#0D0C0D
Darker Shade
of Dim Gray
#0D0C0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#737174
Dim Gray
7.1% Gray
Web Formats
HEX #737174
RGB 115,113,116
HSL hsl(280, 1%, 45%)
HWB hwb(280, 44%, 55%)
Print & Design
CMYK cmyk(1%, 3%, 0%, 55%)
HSV hsv(280, 3%, 45%)
Perceptual (Color Science)
LAB lab(47.9, 1.37, -1.39)
LCH lch(47.9, 1.95, 314.8°)
XYZ xyz(16.13, 16.72, 18.9)
OKLab oklab(0.5514, 0.0036, -0.0037)
Accessibility (WCAG 2.1)
Aa
On White
4.84:1
AA Pass
Aa
On Black
4.34:1
Large Only
Aa
White on Color
4.84:1
AA Pass
Aa
Black on Color
4.34:1
Large Only
16.7%
Relative Luminance
0.1672
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
#727472
Complementary
of Dim Gray
#747274
Analogous
of Dim Gray
#727274
Analogous
of Dim Gray
#99989A
Lighter Tint
of Dim Gray
#BFBFC0
Lighter Tint
of Dim Gray
#E6E5E6
Lighter Tint
of Dim Gray
#4D4C4D
Darker Shade
of Dim Gray
#262627
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#878688
Gray
5.8% Gray
Web Formats
HEX #878688
RGB 135,134,136
HSL hsl(270, 1%, 53%)
HWB hwb(270, 53%, 47%)
Print & Design
CMYK cmyk(1%, 1%, 0%, 47%)
HSV hsv(270, 1%, 53%)
Perceptual (Color Science)
LAB lab(56.07, 0.77, -0.94)
LCH lch(56.07, 1.21, 309.1°)
XYZ xyz(22.96, 23.98, 26.71)
OKLab oklab(0.6215, 0.002, -0.0025)
Accessibility (WCAG 2.1)
Aa
On White
3.62:1
Large Only
Aa
On Black
5.80:1
AA Pass
Aa
White on Color
3.62:1
Large Only
Aa
Black on Color
5.80:1
AA Pass
24.0%
Relative Luminance
0.2398
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
#878886
Complementary
of Gray
#888688
Analogous
of Gray
#868688
Analogous
of Gray
#ADADAE
Lighter Tint
of Gray
#D4D3D4
Lighter Tint
of Gray
#F2F2F2
Lighter Tint
of Gray
#616062
Darker Shade
of Gray
#3B3A3B
Darker Shade
of Gray
#141415
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#E2E4ED
Lavender
5.5% Purple
Web Formats
HEX #E2E4ED
RGB 226,228,237
HSL hsl(229, 23%, 91%)
HWB hwb(229, 89%, 7%)
Print & Design
CMYK cmyk(5%, 4%, 0%, 7%)
HSV hsv(229, 5%, 93%)
Perceptual (Color Science)
LAB lab(90.67, 0.98, -4.6)
LCH lch(90.67, 4.71, 282°)
XYZ xyz(74.39, 77.77, 91.2)
OKLab oklab(0.92, 0.0013, -0.0123)
Accessibility (WCAG 2.1)
Aa
On White
1.27:1
Fail
Aa
On Black
16.55:1
AAA Pass
Aa
White on Color
1.27:1
Fail
Aa
Black on Color
16.55:1
AAA Pass
77.8%
Relative Luminance
0.7777
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
#EDEBE3
Complementary
of Lavender
#E6E3ED
Analogous
of Lavender
#E3EAED
Analogous
of Lavender
#EFF0F5
Lighter Tint
of Lavender
#EFF0F5
Lighter Tint
of Lavender
#EFF0F5
Lighter Tint
of Lavender
#B4B9D0
Darker Shade
of Lavender
#858DB2
Darker Shade
of Lavender
#5A6490
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue

This color palette was derived from Takahiro ETO's recognized creation "Better Bodies Hi".

About the Designer

Takahiro ETO

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

He is a graphic designer and design educator. In recent years, he has been particularly involved in variable VI system and typeface development. he is involved in a variety of other activities with graphic design at the core, such as artwork and zines using the principles of printing and vision, and research and education at universities.

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

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

About the Award

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

Better Bodies Hi was awarded with the Platinum A' Graphics, Illustration and Visual Communication Design Award in 2022. The A' Design Award is a well-established design recognition initiative that honors exemplary design excellence. Award recipients are determined through rigorous evaluation by qualified design professionals with diverse expertise in design. The Platinum status signifies significant creative merit as evaluated by the evaluation panel.

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 Better Bodies Hi

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

Better Bodies Hi - View 2
CDCECF
AAAAAB
DFE0E1
BDBDBF
969596
060606
727172
484848
Better Bodies Hi • View 2
Better Bodies Hi - View 3
141414
785D38
927246
634C2E
312C25
AA8A58
BB9E69
45413D
Better Bodies Hi • View 3
Better Bodies Hi - View 4
DEE3F0
AFB2BF
BEC2CE
9598A4
525359
7E808C
6B6C78
F0F2F9
Better Bodies Hi • View 4
Better Bodies Hi - View 5
191A1C
616368
2D2E31
F9FAFB
484A4D
787A7F
C4C9D2
AFB6BF
Better Bodies Hi • 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
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
Bellamy Sans
F9F9F9
E6E6E6
D1CDCC
ABA8A5
979592
C0BBBC
434343
7D7A79
Bellamy Sans
70,772 ID#167745
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