Color Palette

Hinemosu 30 — Computer Display

131313
Copy As
HEX#131313
RGBrgb(19,19,19)
HSLhsl(0, 0%, 7%)
CMYKcmyk(0%, 0%, 0%, 93%)
Download
SVG PNG
282828
Copy As
HEX#282828
RGBrgb(40,40,40)
HSLhsl(0, 0%, 16%)
CMYKcmyk(0%, 0%, 0%, 84%)
Download
SVG PNG
474747
Copy As
HEX#474747
RGBrgb(71,71,71)
HSLhsl(0, 0%, 28%)
CMYKcmyk(0%, 0%, 0%, 72%)
Download
SVG PNG
676867
Copy As
HEX#676867
RGBrgb(103,104,103)
HSLhsl(120, 0%, 41%)
CMYKcmyk(1%, 0%, 1%, 59%)
Download
SVG PNG
A9A9A9
Copy As
HEX#A9A9A9
RGBrgb(169,169,169)
HSLhsl(0, 0%, 66%)
CMYKcmyk(0%, 0%, 0%, 34%)
Download
SVG PNG
808080
Copy As
HEX#808080
RGBrgb(128,128,128)
HSLhsl(0, 0%, 50%)
CMYKcmyk(0%, 0%, 0%, 50%)
Download
SVG PNG
EEEEEE
Copy As
HEX#EEEEEE
RGBrgb(238,238,238)
HSLhsl(0, 0%, 93%)
CMYKcmyk(0%, 0%, 0%, 7%)
Download
SVG PNG
373738
Copy As
HEX#373738
RGBrgb(55,55,56)
HSLhsl(240, 1%, 22%)
CMYKcmyk(2%, 2%, 0%, 78%)
Download
SVG PNG
#131313
#282828
#474747
#676867
#A9A9A9
#808080
#EEEEEE
#373738
Hinemosu 30

This palette was extracted from

Hinemosu 30

Award-Winning Computer Display

About the Design

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

About the Award-Winning Computer Display Design: Hinemosu 30 displays letters and patterns by twisting five white elastic bands with thirty actuators to represent the passage of time. The computer software that controls the device generates dynamic images that evoke textile patterns, ocean waves, mountain storms, and falling snow, as well as the date and time. The mechanical sounds produced by the actuators are reminiscent of the sounds of water and wind in nature. The creativity and novelty of this device lies in the fact that it displays computer-generated information using line-like objects rather than dot-like objects.

This palette has a neutral temperature, enabling adaptability in various contexts.

View at A' Design Award

Hinemosu 30, where these colors originate, was designed by Yuichiro Katsumoto.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.


Black
18.8% Black
Web Formats
HEX#131313
RGB19,19,19
HSLhsl(0, 0%, 7%)
HWBhwb(0, 7%, 93%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 93%)
HSVhsv(0, 0%, 7%)
Perceptual (Color Science)
LABlab(5.88, -0, 0)
LCHlch(5.88, 0, 158.2°)
XYZxyz(0.62, 0.65, 0.71)
OKLaboklab(0.1867, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
18.58:1
AAA Pass
Aa
On Black
1.13:1
Fail
Aa
White on Color
18.58:1
AAA Pass
Aa
Black on Color
1.13:1
Fail
0.7%
Relative Luminance
0.0065
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.


Dark Slate Gray
17.5% Gray
Web Formats
HEX#282828
RGB40,40,40
HSLhsl(0, 0%, 16%)
HWBhwb(0, 16%, 84%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 84%)
HSVhsv(0, 0%, 16%)
Perceptual (Color Science)
LABlab(16.11, -0, 0)
LCHlch(16.11, 0, 158.2°)
XYZxyz(2.02, 2.12, 2.31)
OKLaboklab(0.2768, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
14.74:1
AAA Pass
Aa
On Black
1.42:1
Fail
Aa
White on Color
14.74:1
AAA Pass
Aa
Black on Color
1.42:1
Fail
2.1%
Relative Luminance
0.0212
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.


Dark Slate Gray
14.6% Gray
Web Formats
HEX#474747
RGB71,71,71
HSLhsl(0, 0%, 28%)
HWBhwb(0, 28%, 72%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 72%)
HSVhsv(0, 0%, 28%)
Perceptual (Color Science)
LABlab(30.16, -0, 0)
LCHlch(30.16, 0, 158.2°)
XYZxyz(5.99, 6.3, 6.86)
OKLaboklab(0.3979, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
9.29:1
AAA Pass
Aa
On Black
2.26:1
Fail
Aa
White on Color
9.29:1
AAA Pass
Aa
Black on Color
2.26:1
Fail
6.3%
Relative Luminance
0.0630
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.


Dim Gray
12.0% Gray
Web Formats
HEX#676867
RGB103,104,103
HSLhsl(120, 0%, 41%)
HWBhwb(120, 40%, 59%)
Print & Design
CMYKcmyk(1%, 0%, 1%, 59%)
HSVhsv(120, 1%, 41%)
Perceptual (Color Science)
LABlab(43.89, -0.59, 0.43)
LCHlch(43.89, 0.73, 144.4°)
XYZxyz(12.99, 13.76, 14.8)
OKLaboklab(0.5161, -0.0016, 0.0011)
Accessibility (WCAG 2.1)
Aa
On White
5.60:1
AA Pass
Aa
On Black
3.75:1
Large Only
Aa
White on Color
5.60:1
AA Pass
Aa
Black on Color
3.75:1
Large Only
13.8%
Relative Luminance
0.1376
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.


Dark Gray
10.8% Gray
Web Formats
HEX#A9A9A9
RGB169,169,169
HSLhsl(0, 0%, 66%)
HWBhwb(0, 66%, 34%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 34%)
HSVhsv(0, 0%, 66%)
Perceptual (Color Science)
LABlab(69.24, -0, 0)
LCHlch(69.24, 0, 158.2°)
XYZxyz(37.71, 39.68, 43.2)
OKLaboklab(0.7348, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
2.35:1
Fail
Aa
On Black
8.94:1
AAA Pass
Aa
White on Color
2.35:1
Fail
Aa
Black on Color
8.94:1
AAA Pass
39.7%
Relative Luminance
0.3968
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.


Gray
9.2% Gray
Web Formats
HEX#808080
RGB128,128,128
HSLhsl(0, 0%, 50%)
HWBhwb(0, 50%, 50%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 50%)
HSVhsv(0, 0%, 50%)
Perceptual (Color Science)
LABlab(53.59, -0, 0)
LCHlch(53.59, 0, 158.2°)
XYZxyz(20.52, 21.59, 23.5)
OKLaboklab(0.5999, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
3.95:1
Large Only
Aa
On Black
5.32:1
AA Pass
Aa
White on Color
3.95:1
Large Only
Aa
Black on Color
5.32:1
AA Pass
21.6%
Relative Luminance
0.2159
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.


White Smoke
9.0% White
Web Formats
HEX#EEEEEE
RGB238,238,238
HSLhsl(0, 0%, 93%)
HWBhwb(0, 93%, 7%)
Print & Design
CMYKcmyk(0%, 0%, 0%, 7%)
HSVhsv(0, 0%, 93%)
Perceptual (Color Science)
LABlab(94.1, -0, 0)
LCHlch(94.1, 0, 158.2°)
XYZxyz(81.26, 85.5, 93.09)
OKLaboklab(0.9491, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.16:1
Fail
Aa
On Black
18.10:1
AAA Pass
Aa
White on Color
1.16:1
Fail
Aa
Black on Color
18.10:1
AAA Pass
85.5%
Relative Luminance
0.8550
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.


Dark Slate Gray
8.0% Gray
Web Formats
HEX#373738
RGB55,55,56
HSLhsl(240, 1%, 22%)
HWBhwb(240, 22%, 78%)
Print & Design
CMYKcmyk(2%, 2%, 0%, 78%)
HSVhsv(240, 2%, 22%)
Perceptual (Color Science)
LABlab(23.1, 0.23, -0.62)
LCHlch(23.1, 0.67, 290.3°)
XYZxyz(3.66, 3.83, 4.29)
OKLaboklab(0.3372, 0.0005, -0.0017)
Accessibility (WCAG 2.1)
Aa
On White
11.89:1
AAA Pass
Aa
On Black
1.77:1
Fail
Aa
White on Color
11.89:1
AAA Pass
Aa
Black on Color
1.77:1
Fail
3.8%
Relative Luminance
0.0383
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.

These hues were detected in Yuichiro Katsumoto's celebrated design "Hinemosu 30".

Yuichiro Katsumoto

About the Designer

Yuichiro Katsumoto

Yuichiro Katsumoto is an acclaimed creative professional celebrated by the A' Design Award. Their designs embodies excellence in innovative design.

Yuichiro Katsumoto is an artist and educator based in Saitama, Japan. He experiments with manipulating linear objects such as strings, strips, and springs to display letters and pictures.

We humans have created art by writing and painting. It can be said that we have compressed our expressions into two dimensions by lines. He therefore seeks to decompress those lines into physical space, and display kinetic typographies and motion graphics using linear objects.

He trained in video production, physical computing, and design thinking at Keio University SFC. He received a Ph.D. in 2010 and worked as a researcher at the National University of Singapore. He returned to Japan in 2018 and has been teaching design and practicing art at Tokyo Denki University since 2019.

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

Platinum A' Generative, Algorithmic, Parametric and AI-Assisted Design Award 2024

About the Award

Platinum A' Generative, Algorithmic, Parametric and AI-Assisted Design Award 2024

Hinemosu 30 was awarded with the Platinum A' Generative, Algorithmic, Parametric and AI-Assisted Design Award in 2024. 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 representing multiple disciplines. The Platinum status reflects high caliber design work as determined by the international jury.

A' Generative, Algorithmic, Parametric and AI-Assisted Design Award

Celebrate the cutting-edge intersection of design and technology with entries that exemplify generative, algorithmic, parametric, and AI-assisted creativity. The generative award category highlights the synthesis of aesthetics and computational design techniques, showcasing innovation that redefines form, function, and user experience.

Recognizes: Algorithmic Artworks, Parametric Architectures, Generative Graphics, AI-Assisted Illustrations, Computational Sculptures, Procedural Patterns, Evolutionary Installations, Interactive Experiences and More.

More Palettes from Hinemosu 30

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

Hinemosu 30 - View 2
020906
BCBBBB
E8E8E8
6D6C68
999694
827F7C
16201E
ABA9A6
Hinemosu 30 - View 3
04130C
000200
BABABA
757470
1B2421
61625E
93918F
E2E0DE
Hinemosu 30 - View 4
050805
222723
323531
E4E2E0
F8F8F7
D0CECC
B1B1AF
4B4945
Hinemosu 30 - View 5
050805
30322F
212522
E5E4E2
F5F5F5
CFCECC
B3B3B1
4A4945

Discover More Color Palettes

Explore colors from more award-winning designs.

Changes and Cycles in Between
FEFEFE
2D2824
464034
575349
D1CDBC
B7BBB0
695F58
80806A
205,875 ID#170864
Flow
302F30
1B1A1B
424140
565351
646361
6B7577
7C929A
8FA7AA
174,028 ID#162336
Life Forms of Colors
0D0807
2C1A12
402B24
553934
654A45
5D3B50
7B6558
6C4862
172,950 ID#170854
Curiosity Blocks
033A72
0B62B4
034281
0A1520
FB802E
FBC833
FBD204
1F1C03
167,973 ID#170876
Reefit
090A0D
1A1B1D
344149
7F6B65
895E4B
55595E
342E2C
4B6B78
171,241 ID#171137
Flower Forerunner Oiran
948678
473429
2D1B14
B9A28F
C8B6A8
7E746B
634F42
DBCCBE
11,597 ID#174704
As I Remember Them
638F8B
CCB776
ACBF87
4E7984
16191F
759D91
95AE8D
D19D6D
11,612 ID#176660
Algorithmic Flesh
806F55
938067
A69179
5F523B
B8A188
706047
4C4331
C9B29A
11,269 ID#177508
Shape Grammars
CDCDCD
E5E5E5
B8B8B8
9D9D9D
898989
F3F3F3
727272
010101
228,696 ID#130038
Flexo InForm
94684C
272619
3E3A28
634E32
7D7341
494A45
775D3E
5B5E64
703,824 ID#114604
Megalopolis X
E1E8F1
3B4B5E
4A5E76
9DB0D7
2A3742
5C718F
818592
121F35
990,487 ID#98037
Eden Rise
B5B6B6
ECE1D1
CCC6BF
9DA7AB
DAD2C9
4E3C37
DABB9A
332729
208,967 ID#164052