Discover the Colors of Phoresy Pack | Strategy Colors
Strategy Colors

Color Palette

Phoresy Pack — Backpack

333436
Copy As
HEX #333436
RGB rgb(51,52,54)
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
0B4063
Copy As
HEX #0B4063
RGB rgb(11,64,99)
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
06314F
Copy As
HEX #06314F
RGB rgb(6,49,79)
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
042238
Copy As
HEX #042238
RGB rgb(4,34,56)
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
030304
Copy As
HEX #030304
RGB rgb(3,3,4)
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
144E75
Copy As
HEX #144E75
RGB rgb(20,78,117)
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
D1B399
Copy As
HEX #D1B399
RGB rgb(209,179,153)
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
B4A793
Copy As
HEX #B4A793
RGB rgb(180,167,147)
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
#333436
#0B4063
#06314F
#042238
#030304
#144E75
#D1B399
#B4A793
Phoresy Pack

This palette was extracted from

Phoresy Pack

Award-Winning Backpack

About the Design

This design features Dark Slate Gray, Midnight Blue, Black, Tan, and Dark Gray.

About the Award-Winning Backpack Design: Phoresy Pack is an ergonomic backpack design with a unique foldable structure. Its structure is produced from a single sheet of genuine leather that has been precisely CNC-milled and creased to form a material that can expand or shrink flat to adjust the backpack's volume. While the final outcome of the project is merely a backpack, the aim of the project was to explore applications of Computational Design and Digital Fabrication principles in the fields of customizable fashion and industrial design.

This palette has a calming feel, evoking serenity and focus.

View at A' Design Award

Phoresy Pack, the inspiration behind this palette, was designed by Stepan Pianykh.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#333436
Dark Slate Gray
36.8% Gray
Web Formats
HEX #333436
RGB 51,52,54
HSL hsl(220, 3%, 21%)
HWB hwb(220, 20%, 79%)
Print & Design
CMYK cmyk(6%, 4%, 0%, 79%)
HSV hsv(220, 6%, 21%)
Perceptual (Color Science)
LAB lab(21.68, 0.04, -1.41)
LCH lch(21.68, 1.41, 271.7°)
XYZ xyz(3.26, 3.43, 3.98)
OKLab oklab(0.3248, -0.0004, -0.0038)
Accessibility (WCAG 2.1)
Aa
On White
12.46:1
AAA Pass
Aa
On Black
1.69:1
Fail
Aa
White on Color
12.46:1
AAA Pass
Aa
Black on Color
1.69:1
Fail
3.4%
Relative Luminance
0.0343
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
#373634
Complementary
of Dark Slate Gray
#343437
Analogous
of Dark Slate Gray
#343737
Analogous
of Dark Slate Gray
#595B5F
Lighter Tint
of Dark Slate Gray
#7E8186
Lighter Tint
of Dark Slate Gray
#A6A7AB
Lighter Tint
of Dark Slate Gray
#0F0F10
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#0B4063
Dark Slate Gray
19.7% Gray
Web Formats
HEX #0B4063
RGB 11,64,99
HSL hsl(204, 80%, 22%)
HWB hwb(204, 4%, 61%)
Print & Design
CMYK cmyk(89%, 35%, 0%, 61%)
HSV hsv(204, 89%, 39%)
Perceptual (Color Science)
LAB lab(25.68, -2.56, -25.28)
LCH lch(25.68, 25.41, 264.2°)
XYZ xyz(4.22, 4.64, 12.47)
OKLab oklab(0.3576, -0.0355, -0.0719)
Accessibility (WCAG 2.1)
Aa
On White
10.89:1
AAA Pass
Aa
On Black
1.93:1
Fail
Aa
White on Color
10.89:1
AAA Pass
Aa
Black on Color
1.93:1
Fail
4.6%
Relative Luminance
0.0464
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
#652F0B
Complementary
of Dark Slate Gray
#0B1465
Analogous
of Dark Slate Gray
#0B655C
Analogous
of Dark Slate Gray
#136DAA
Lighter Tint
of Dark Slate Gray
#2398E7
Lighter Tint
of Dark Slate Gray
#68B8EE
Lighter Tint
of Dark Slate Gray
#041520
Darker Shade
of Dark Slate Gray
#030F17
Darker Shade
of Dark Slate Gray
#030F17
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#06314F
Midnight Blue
16.2% Blue
Web Formats
HEX #06314F
RGB 6,49,79
HSL hsl(205, 86%, 17%)
HWB hwb(205, 2%, 69%)
Print & Design
CMYK cmyk(92%, 38%, 0%, 69%)
HSV hsv(205, 92%, 31%)
Perceptual (Color Science)
LAB lab(19.22, -1.47, -22.33)
LCH lch(19.22, 22.38, 266.2°)
XYZ xyz(2.58, 2.8, 7.8)
OKLab oklab(0.3025, -0.0297, -0.0636)
Accessibility (WCAG 2.1)
Aa
On White
13.46:1
AAA Pass
Aa
On Black
1.56:1
Fail
Aa
White on Color
13.46:1
AAA Pass
Aa
Black on Color
1.56:1
Fail
2.8%
Relative Luminance
0.0280
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
#512506
Complementary
of Midnight Blue
#060C51
Analogous
of Midnight Blue
#06514A
Analogous
of Midnight Blue
#0B5D98
Lighter Tint
of Midnight Blue
#1189DF
Lighter Tint
of Midnight Blue
#4BACF1
Lighter Tint
of Midnight Blue
#020F18
Darker Shade
of Midnight Blue
#020F18
Darker Shade
of Midnight Blue
#020F18
Darker Shade
of Midnight Blue
Midnight Blue
Named Color
Discover the Hue
#042238
Midnight Blue
11.9% Blue
Web Formats
HEX #042238
RGB 4,34,56
HSL hsl(205, 87%, 12%)
HWB hwb(205, 2%, 78%)
Print & Design
CMYK cmyk(93%, 39%, 0%, 78%)
HSV hsv(205, 93%, 22%)
Perceptual (Color Science)
LAB lab(12.32, -1.41, -17.39)
LCH lch(12.32, 17.44, 265.3°)
XYZ xyz(1.34, 1.46, 3.95)
OKLab oklab(0.2431, -0.0234, -0.0494)
Accessibility (WCAG 2.1)
Aa
On White
16.27:1
AAA Pass
Aa
On Black
1.29:1
Fail
Aa
White on Color
16.27:1
AAA Pass
Aa
Black on Color
1.29:1
Fail
1.5%
Relative Luminance
0.0146
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
#391A04
Complementary
of Midnight Blue
#040839
Analogous
of Midnight Blue
#043935
Analogous
of Midnight Blue
#094F81
Lighter Tint
of Midnight Blue
#0E7BC8
Lighter Tint
of Midnight Blue
#32A1F1
Lighter Tint
of Midnight Blue
#020F18
Darker Shade
of Midnight Blue
#020F18
Darker Shade
of Midnight Blue
#020F18
Darker Shade
of Midnight Blue
Midnight Blue
Named Color
Discover the Hue
#030304
Black
5.5% Black
Web Formats
HEX #030304
RGB 3,3,4
HSL hsl(240, 14%, 1%)
HWB hwb(240, 1%, 98%)
Print & Design
CMYK cmyk(25%, 25%, 0%, 98%)
HSV hsv(240, 25%, 2%)
Perceptual (Color Science)
LAB lab(0.84, 0.14, -0.38)
LCH lch(0.84, 0.4, 290.2°)
XYZ xyz(0.09, 0.09, 0.13)
OKLab oklab(0.0979, 0.0012, -0.0042)
Accessibility (WCAG 2.1)
Aa
On White
20.62:1
AAA Pass
Aa
On Black
1.02:1
Fail
Aa
White on Color
20.62:1
AAA Pass
Aa
Black on Color
1.02:1
Fail
0.1%
Relative Luminance
0.0009
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
#030302
Complementary
of Black
#030203
Analogous
of Black
#020303
Analogous
of Black
#23232F
Lighter Tint
of Black
#44445A
Lighter Tint
of Black
#656586
Lighter Tint
of Black
#0B0B0F
Darker Shade
of Black
#0B0B0F
Darker Shade
of Black
#0B0B0F
Darker Shade
of Black
Black
Named Color
Discover the Hue
#144E75
Dark Slate Gray
5.0% Gray
Web Formats
HEX #144E75
RGB 20,78,117
HSL hsl(204, 71%, 27%)
HWB hwb(204, 8%, 54%)
Print & Design
CMYK cmyk(83%, 33%, 0%, 54%)
HSV hsv(204, 83%, 46%)
Perceptual (Color Science)
LAB lab(31.53, -3.37, -27.46)
LCH lch(31.53, 27.66, 263°)
XYZ xyz(6.22, 6.88, 17.83)
OKLab oklab(0.4078, -0.0392, -0.0779)
Accessibility (WCAG 2.1)
Aa
On White
8.84:1
AAA Pass
Aa
On Black
2.38:1
Fail
Aa
White on Color
8.84:1
AAA Pass
Aa
Black on Color
2.38:1
Fail
6.9%
Relative Luminance
0.0688
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
#763B14
Complementary
of Dark Slate Gray
#141E76
Analogous
of Dark Slate Gray
#14766C
Analogous
of Dark Slate Gray
#1F7AB7
Lighter Tint
of Dark Slate Gray
#43A1DF
Lighter Tint
of Dark Slate Gray
#85C2EA
Lighter Tint
of Dark Slate Gray
#092334
Darker Shade
of Dark Slate Gray
#040F16
Darker Shade
of Dark Slate Gray
#040F16
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#D1B399
Tan
2.6% Brown
Web Formats
HEX #D1B399
RGB 209,179,153
HSL hsl(28, 38%, 71%)
HWB hwb(28, 60%, 18%)
Print & Design
CMYK cmyk(0%, 14%, 27%, 18%)
HSV hsv(28, 27%, 82%)
Perceptual (Color Science)
LAB lab(74.89, 6.88, 17.29)
LCH lch(74.89, 18.61, 68.3°)
XYZ xyz(48.16, 48.1, 36.88)
OKLab oklab(0.7861, 0.0227, 0.0443)
Accessibility (WCAG 2.1)
Aa
On White
1.98:1
Fail
Aa
On Black
10.62:1
AAA Pass
Aa
White on Color
1.98:1
Fail
Aa
Black on Color
10.62:1
AAA Pass
48.1%
Relative Luminance
0.4810
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
#99B7D1
Complementary
of Tan
#D1CF99
Analogous
of Tan
#D1999B
Analogous
of Tan
#E9DACE
Lighter Tint
of Tan
#F7F2ED
Lighter Tint
of Tan
#F7F2ED
Lighter Tint
of Tan
#B98C64
Darker Shade
of Tan
#906641
Darker Shade
of Tan
#5B4129
Darker Shade
of Tan
Tan
Named Color
Discover the Hue
#B4A793
Dark Gray
2.3% Gray
Web Formats
HEX #B4A793
RGB 180,167,147
HSL hsl(36, 18%, 64%)
HWB hwb(36, 58%, 29%)
Print & Design
CMYK cmyk(0%, 7%, 18%, 29%)
HSV hsv(36, 18%, 71%)
Perceptual (Color Science)
LAB lab(69.07, 1.34, 12.05)
LCH lch(69.07, 12.12, 83.6°)
XYZ xyz(37.91, 39.45, 33.22)
OKLab oklab(0.7339, 0.0062, 0.0312)
Accessibility (WCAG 2.1)
Aa
On White
2.36:1
Fail
Aa
On Black
8.89:1
AAA Pass
Aa
White on Color
2.36:1
Fail
Aa
Black on Color
8.89:1
AAA Pass
39.5%
Relative Luminance
0.3945
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
#93A0B4
Complementary
of Dark Gray
#B0B493
Analogous
of Dark Gray
#B49693
Analogous
of Dark Gray
#D3CBC0
Lighter Tint
of Dark Gray
#F2F0ED
Lighter Tint
of Dark Gray
#F5F3F0
Lighter Tint
of Dark Gray
#938166
Darker Shade
of Dark Gray
#665A47
Darker Shade
of Dark Gray
#393228
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue

The colors shown were sampled from Stepan Pianykh's award-winning project "Phoresy Pack".

Stepan Pianykh

About the Designer

Stepan Pianykh

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

Stepan Pianykh is an award winning multidisciplinary designer with a diverse background in game development, industrial design, digital fabrication, visual content production and lecturing. With about a decade of experience of co-running vosq design agency, Stepan’s primary area of expertise lies in leveraging computational and parametric design tools to create engaging products, content and experiences.

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

Explore Pianykh's Palettes View Pianykh's Profile
Bronze A' Generative, Algorithmic, Parametric and AI-Assisted Design Award 2024

About the Award

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

Phoresy Pack received recognition with the Bronze A' Generative, Algorithmic, Parametric and AI-Assisted Design Award in 2024. 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 Bronze status indicates commendable design excellence as assessed by the judging body.

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.
Learn More About A' Generative, Algorithmic, Parametric and AI-Assisted Design Award View at A' Design Award

More Palettes from Phoresy Pack

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

Phoresy Pack - View 2
BF9C81
D5B091
AB8668
504235
9A7557
E9E6E6
816247
6D4E32
Phoresy Pack • View 2
Phoresy Pack - View 3
254D75
FCEAD4
39638D
4B78A4
648DB4
EACEB7
7C9EC0
D6B9A1
Phoresy Pack • View 3
Phoresy Pack - View 4
0A3B6D
042C56
284F7A
041A3A
456791
0C487E
B28766
1A5489
Phoresy Pack • View 4
Phoresy Pack - View 5
292A2B
4F545D
3C4046
7A7875
626870
191A1B
8C8D8D
FCFBF8
Phoresy Pack • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

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