Curated Palette from Better Bodies Hi | Color Chips
Color Chips

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-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.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 cool feel, creating serenity and focus.

View at A' Design Award

Better Bodies Hi, the inspiration behind this palette, 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

These hues were detected in Takahiro ETO's award-winning project "Better Bodies Hi".

About the Designer

Takahiro ETO

Takahiro ETO is a distinguished creative director honored by the A' Design Award. Their portfolio demonstrates expertise in design and visual communication.

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 has been recognized with the Platinum A' Graphics, Illustration and Visual Communication Design Award in 2022. 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' 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,192,415 ID#172335
B. League All-Star Game 2023
030205
14101B
281F2D
5C4845
77625A
483331
372F42
89736C
B. League All-Star Game 2023
1,215,064 ID#152302
Guangzhou Academy of Fine Arts
00BD89
0098DA
F77DB2
ECECEC
2C2C2C
048264
066996
039A73
Guangzhou Academy of Fine Arts
211,959 ID#170116
Aisling Sans
BC0F0E
D71212
DADAD9
F1F1F1
B5B5B5
CAC9CA
888888
E62D2D
Aisling Sans
156,444 ID#167639
Kakao AI Campus
070D3E
16AA40
7D0754
045925
08702C
079330
B81B78
EC4502
Kakao AI Campus
185,403 ID#167330
All Things Meet
797B9A
A2A3B8
B9B9C9
62648A
8D8FA9
FEFEFE
4C4F78
373A67
All Things Meet
153,102 ID#168190
Infinite Borders
833534
6C2E2D
EEEDED
371617
531D1D
2D2828
696868
545353
Infinite Borders
158,938 ID#162820
La Plage
4D422D
35220D
3F3528
A58D6A
726147
CEB694
B9A07D
5D4F3A
La Plage
158,602 ID#165893
Embrasse Moi
9F846E
A3978F
857466
918782
4F4742
AFB0B6
2A2829
6B5B4F
Embrasse Moi
813,847 ID#149079
Seongdong Smart Shelter
11100F
302318
513723
6C3C19
654E37
AE632E
D9924A
4D2B14
Seongdong Smart Shelter
709,121 ID#161636
Conch
726B5F
847D73
E2E2E1
59554E
969088
020306
C5C1BE
ABA7A1
Conch
1,003,111 ID#162196
160X 6 Pro
53B3C8
E8DBD6
E4C6B7
F0EDF0
EE9C66
E67942
CBC680
D0AA95
160X 6 Pro
828,789 ID#162482