Changes and Cycles in Between Palette | Strategy Colors

Color Palette

Changes and Cycles in Between — Digital Art

FEFEFE
Copy As
HEX #FEFEFE
RGB rgb(254,254,254)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
2D2824
Copy As
HEX #2D2824
RGB rgb(45,40,36)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
464034
Copy As
HEX #464034
RGB rgb(70,64,52)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
575349
Copy As
HEX #575349
RGB rgb(87,83,73)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
D1CDBC
Copy As
HEX #D1CDBC
RGB rgb(209,205,188)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
B7BBB0
Copy As
HEX #B7BBB0
RGB rgb(183,187,176)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
695F58
Copy As
HEX #695F58
RGB rgb(105,95,88)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
80806A
Copy As
HEX #80806A
RGB rgb(128,128,106)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
#FEFEFE
#2D2824
#464034
#575349
#D1CDBC
#B7BBB0
#695F58
#80806A
Changes and Cycles in Between

This palette was extracted from

Changes and Cycles in Between

Award-Winning Digital Art

About the Design

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

About the Award-Winning Digital Art Design: This work explores the question, What is painting? by expressing the circulation of visual expressions. Inspired by transitions in Mondrian's paintings, it is based on a component diagram of painting, where shape moves between figurative and abstract, and between noise and linearity - an idea applied to color. The work evokes the shifting state of digital materiality, emphasizing that forms in between changes are the essence. By incorporating textures printed with a baren, it reflects the artist's identity as a printmaker in digital form.

This palette has a warming feel, evoking inviting warmth.

View at A' Design Award

Changes and Cycles in Between, the source of these colors, was designed by Yuko Suzuki.

Color Data for Professionals

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


White
25.0% White
Web Formats
HEX #FEFEFE
RGB 254,254,254
HSL hsl(0, 0%, 100%)
HWB hwb(0, 100%, 0%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 0%)
HSV hsv(0, 0%, 100%)
Perceptual (Color Science)
LAB lab(99.65, -0, 0)
LCH lch(99.65, 0, 158.2°)
XYZ xyz(94.2, 99.11, 107.91)
OKLab oklab(0.997, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.01:1
Fail
Aa
On Black
20.82:1
AAA Pass
Aa
White on Color
1.01:1
Fail
Aa
Black on Color
20.82:1
AAA Pass
99.1%
Relative Luminance
0.9911
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
14.9% Gray
Web Formats
HEX #2D2824
RGB 45,40,36
HSL hsl(27, 11%, 16%)
HWB hwb(27, 14%, 82%)
Print & Design
CMYK cmyk(0%, 11%, 20%, 82%)
HSV hsv(27, 20%, 18%)
Perceptual (Color Science)
LAB lab(16.52, 1.45, 3.47)
LCH lch(16.52, 3.76, 67.3°)
XYZ xyz(2.16, 2.2, 1.98)
OKLab oklab(0.2809, 0.005, 0.0091)
Accessibility (WCAG 2.1)
Aa
On White
14.58:1
AAA Pass
Aa
On Black
1.44:1
Fail
Aa
White on Color
14.58:1
AAA Pass
Aa
Black on Color
1.44:1
Fail
2.2%
Relative Luminance
0.0220
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
13.6% Gray
Web Formats
HEX #464034
RGB 70,64,52
HSL hsl(40, 15%, 24%)
HWB hwb(40, 20%, 73%)
Print & Design
CMYK cmyk(0%, 9%, 26%, 73%)
HSV hsv(40, 26%, 27%)
Perceptual (Color Science)
LAB lab(27.34, 0.26, 8.28)
LCH lch(27.34, 8.29, 88.2°)
XYZ xyz(4.98, 5.22, 3.99)
OKLab oklab(0.3738, 0.002, 0.0212)
Accessibility (WCAG 2.1)
Aa
On White
10.28:1
AAA Pass
Aa
On Black
2.04:1
Fail
Aa
White on Color
10.28:1
AAA Pass
Aa
Black on Color
2.04:1
Fail
5.2%
Relative Luminance
0.0522
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
10.4% Gray
Web Formats
HEX #575349
RGB 87,83,73
HSL hsl(43, 9%, 31%)
HWB hwb(43, 29%, 66%)
Print & Design
CMYK cmyk(0%, 5%, 16%, 66%)
HSV hsv(43, 16%, 34%)
Perceptual (Color Science)
LAB lab(35.39, -0.33, 6.45)
LCH lch(35.39, 6.45, 92.9°)
XYZ xyz(8.23, 8.69, 7.55)
OKLab oklab(0.4429, 0.0004, 0.0167)
Accessibility (WCAG 2.1)
Aa
On White
7.67:1
AAA Pass
Aa
On Black
2.74:1
Fail
Aa
White on Color
7.67:1
AAA Pass
Aa
Black on Color
2.74:1
Fail
8.7%
Relative Luminance
0.0869
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.


Light Gray
9.8% Gray
Web Formats
HEX #D1CDBC
RGB 209,205,188
HSL hsl(49, 19%, 78%)
HWB hwb(49, 74%, 18%)
Print & Design
CMYK cmyk(0%, 2%, 10%, 18%)
HSV hsv(49, 10%, 82%)
Perceptual (Color Science)
LAB lab(82.3, -1.55, 8.95)
LCH lch(82.3, 9.09, 99.8°)
XYZ xyz(57.2, 60.85, 56.3)
OKLab oklab(0.8469, -0.0025, 0.0234)
Accessibility (WCAG 2.1)
Aa
On White
1.59:1
Fail
Aa
On Black
13.17:1
AAA Pass
Aa
White on Color
1.59:1
Fail
Aa
Black on Color
13.17:1
AAA Pass
60.9%
Relative Luminance
0.6085
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.


Silver
8.8% Gray
Web Formats
HEX #B7BBB0
RGB 183,187,176
HSL hsl(82, 7%, 71%)
HWB hwb(82, 69%, 27%)
Print & Design
CMYK cmyk(2%, 0%, 6%, 27%)
HSV hsv(82, 6%, 73%)
Perceptual (Color Science)
LAB lab(75.29, -3.41, 5.08)
LCH lch(75.29, 6.12, 123.9°)
XYZ xyz(45.13, 48.74, 48.1)
OKLab oklab(0.7857, -0.0087, 0.0133)
Accessibility (WCAG 2.1)
Aa
On White
1.95:1
Fail
Aa
On Black
10.75:1
AAA Pass
Aa
White on Color
1.95:1
Fail
Aa
Black on Color
10.75:1
AAA Pass
48.7%
Relative Luminance
0.4874
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.


Dim Gray
8.9% Gray
Web Formats
HEX #695F58
RGB 105,95,88
HSL hsl(25, 9%, 38%)
HWB hwb(25, 35%, 59%)
Print & Design
CMYK cmyk(0%, 10%, 16%, 59%)
HSV hsv(25, 16%, 41%)
Perceptual (Color Science)
LAB lab(41.04, 2.7, 5.46)
LCH lch(41.04, 6.09, 63.7°)
XYZ xyz(11.68, 11.89, 10.91)
OKLab oklab(0.4928, 0.0092, 0.0143)
Accessibility (WCAG 2.1)
Aa
On White
6.22:1
AA Pass
Aa
On Black
3.38:1
Large Only
Aa
White on Color
6.22:1
AA Pass
Aa
Black on Color
3.38:1
Large Only
11.9%
Relative Luminance
0.1189
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.


Gray
8.6% Gray
Web Formats
HEX #80806A
RGB 128,128,106
HSL hsl(60, 9%, 46%)
HWB hwb(60, 42%, 50%)
Print & Design
CMYK cmyk(0%, 0%, 17%, 50%)
HSV hsv(60, 17%, 50%)
Perceptual (Color Science)
LAB lab(53.02, -4.03, 11.98)
LCH lch(53.02, 12.64, 108.6°)
XYZ xyz(19.22, 21.07, 16.69)
OKLab oklab(0.5936, -0.0096, 0.0308)
Accessibility (WCAG 2.1)
Aa
On White
4.03:1
Large Only
Aa
On Black
5.21:1
AA Pass
Aa
White on Color
4.03:1
Large Only
Aa
Black on Color
5.21:1
AA Pass
21.1%
Relative Luminance
0.2107
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.

These colors were identified within Yuko Suzuki's celebrated design "Changes and Cycles in Between".

About the Designer

Yuko Suzuki

Yuko Suzuki is an award-winning designer acknowledged by the A' Design Award. Their work showcases mastery in aesthetic development.

Yuko Suzuki (mole^3) is a Japanese printmaker and visual artist whose work explores the intersection of traditional printmaking and digital media. She creates using open data, images, sound, generative art, and woodblock printing. Viewing coding as a form of printmaking, she considers on-screen outputs to be the digital equivalent of physical prints. Through this perspective, her practice expands the conventional understanding of printmaking. Her work has been exhibited in Japan and internationally, including at the NTT InterCommunication Center [ICC] in Tokyo and in collaboration with the Yamaguchi Center for Arts and Media [YCAM].

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

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

About the Award

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

Changes and Cycles in Between received recognition with the Golden A' Generative, Algorithmic, Parametric and AI-Assisted Design Award in 2025. 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 comprising academics, professionals and press members. The Golden 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 Changes and Cycles in Between

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

Changes and Cycles in Between - View 2
ECE2CA
CFD0C0
F94B1D
B1C9BC
9EA5AA
BBB8B4
81B9AC
F4F0E5
Changes and Cycles in Between - View 3
CCCDCC
444142
5C5C5B
737473
2E2F2F
858885
979998
A9ABA9
Changes and Cycles in Between - View 4
E4DDC9
C7D3C1
A6C8BC
6DB4A6
83BEB4
97BAAE
43A8B0
37A18F
Changes and Cycles in Between - View 5
1E1815
2F2C24
1B1836
615F5F
464248
737273
423C30
847054

Discover More Color Palettes

Explore colors from more award-winning designs.

Life Forms of Colors
0D0807
2C1A12
402B24
553934
654A45
5D3B50
7B6558
6C4862
153,513 ID#170854
Curiosity Blocks
033A72
0B62B4
034281
0A1520
FB802E
FBC833
FBD204
1F1C03
149,217 ID#170876
Hinemosu 30
131313
282828
474747
676867
A9A9A9
808080
EEEEEE
373738
1,306,811 ID#159382
Reefit
090A0D
1A1B1D
344149
7F6B65
895E4B
55595E
342E2C
4B6B78
151,315 ID#171137
Flow
302F30
1B1A1B
424140
565351
646361
6B7577
7C929A
8FA7AA
154,695 ID#162336
AI Interior Concept
7B6147
8E7458
4B3220
9F876D
1B120C
BDAC94
AE9980
C4B8AA
204,853 ID#159190
Spiritual Spa
355244
A5D8F1
8E9D77
9ABFD0
70856E
C2E7F9
A4B185
596F5C
97,785 ID#165497
Taravat Villa
AEC0D8
25231A
403023
674730
58616F
9094A0
3A4141
9FAEC4
109,694 ID#168289
Shape Grammars
CDCDCD
E5E5E5
B8B8B8
9D9D9D
898989
F3F3F3
727272
010101
217,871 ID#130038
Flexo InForm
94684C
272619
3E3A28
634E32
7D7341
494A45
775D3E
5B5E64
697,634 ID#114604
Megalopolis X
E1E8F1
3B4B5E
4A5E76
9DB0D7
2A3742
5C718F
818592
121F35
961,857 ID#98037
Eden Rise
B5B6B6
ECE1D1
CCC6BF
9DA7AB
DAD2C9
4E3C37
DABB9A
332729
177,435 ID#164052