Explore the Colors of Lumous | Strategy Colors
Strategy Colors

Color Palette

Lumous — Fiber Optic Data Hub

F1F7FD
Copy As
HEX #F1F7FD
RGB rgb(241,247,253)
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
A2A6D1
Copy As
HEX #A2A6D1
RGB rgb(162,166,209)
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
C8D4E9
Copy As
HEX #C8D4E9
RGB rgb(200,212,233)
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
383C57
Copy As
HEX #383C57
RGB rgb(56,60,87)
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
252A3E
Copy As
HEX #252A3E
RGB rgb(37,42,62)
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
69759A
Copy As
HEX #69759A
RGB rgb(105,117,154)
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
484E6F
Copy As
HEX #484E6F
RGB rgb(72,78,111)
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
586287
Copy As
HEX #586287
RGB rgb(88,98,135)
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
#F1F7FD
#A2A6D1
#C8D4E9
#383C57
#252A3E
#69759A
#484E6F
#586287
Lumous

This palette was extracted from

Lumous

Award-Winning Fiber Optic Data Hub

About the Design

This design features Alice Blue, Dark Gray, Light Gray, Dark Slate Gray, Slate Gray, Dark Slate Blue, and Dim Gray.

About the Award-Winning Fiber Optic Data Hub Design: Lumous is a cutting-edge multifunctional data hub designed for high performance data centers. Its sleek, modular structure integrates advanced fiber optic technology, enabling ultra-fast, energy efficient data transfer. Unlike conventional hubs, Lumous features dynamic kinetic elements and an adaptive interface, enhancing both functionality and aesthetics. Its innovative design prioritizes sustainability, scalability, and seamless integration into next generation digital infrastructures.

This palette has a calming feel, suggesting peaceful balance.

View at A' Design Award

Lumous, the design behind this palette, was designed by Tomi Rantasaari.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#F1F7FD
Alice Blue
42.2% Blue
Web Formats
HEX #F1F7FD
RGB 241,247,253
HSL hsl(210, 75%, 97%)
HWB hwb(210, 95%, 1%)
Print & Design
CMYK cmyk(5%, 2%, 0%, 1%)
HSV hsv(210, 5%, 99%)
Perceptual (Color Science)
LAB lab(96.95, -0.89, -3.56)
LCH lch(96.95, 3.67, 256°)
XYZ xyz(87.26, 92.31, 106.13)
OKLab oklab(0.9733, -0.0039, -0.0095)
Accessibility (WCAG 2.1)
Aa
On White
1.08:1
Fail
Aa
On Black
19.46:1
AAA Pass
Aa
White on Color
1.08:1
Fail
Aa
Black on Color
19.46:1
AAA Pass
92.3%
Relative Luminance
0.9231
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
#FDF7F2
Complementary
of Alice Blue
#F2F2FD
Analogous
of Alice Blue
#F2FDFD
Analogous
of Alice Blue
#E9F2FC
Lighter Tint
of Alice Blue
#E9F2FC
Lighter Tint
of Alice Blue
#E9F2FC
Lighter Tint
of Alice Blue
#AFD1F4
Darker Shade
of Alice Blue
#6CABEA
Darker Shade
of Alice Blue
#2985E0
Darker Shade
of Alice Blue
Alice Blue
Named Color
Discover the Hue
#A2A6D1
Dark Gray
10.7% Gray
Web Formats
HEX #A2A6D1
RGB 162,166,209
HSL hsl(235, 34%, 73%)
HWB hwb(235, 64%, 18%)
Print & Design
CMYK cmyk(22%, 21%, 0%, 18%)
HSV hsv(235, 22%, 82%)
Perceptual (Color Science)
LAB lab(69.15, 7.79, -22.31)
LCH lch(69.15, 23.63, 289.3°)
XYZ xyz(40.04, 39.56, 65.83)
OKLab oklab(0.7369, 0.0114, -0.0611)
Accessibility (WCAG 2.1)
Aa
On White
2.36:1
Fail
Aa
On Black
8.91:1
AAA Pass
Aa
White on Color
2.36:1
Fail
Aa
Black on Color
8.91:1
AAA Pass
39.6%
Relative Luminance
0.3956
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
#D2CEA3
Complementary
of Dark Gray
#B6A3D2
Analogous
of Dark Gray
#A3BED2
Analogous
of Dark Gray
#D6D8EB
Lighter Tint
of Dark Gray
#EEEFF7
Lighter Tint
of Dark Gray
#EEEFF7
Lighter Tint
of Dark Gray
#6F76B8
Darker Shade
of Dark Gray
#484F93
Darker Shade
of Dark Gray
#2F3360
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#C8D4E9
Light Gray
10.5% Gray
Web Formats
HEX #C8D4E9
RGB 200,212,233
HSL hsl(218, 43%, 85%)
HWB hwb(218, 78%, 9%)
Print & Design
CMYK cmyk(14%, 9%, 0%, 9%)
HSV hsv(218, 14%, 91%)
Perceptual (Color Science)
LAB lab(84.61, 0.12, -11.69)
LCH lch(84.61, 11.69, 270.6°)
XYZ xyz(62.07, 65.25, 86.4)
OKLab oklab(0.8673, -0.0046, -0.0316)
Accessibility (WCAG 2.1)
Aa
On White
1.49:1
Fail
Aa
On Black
14.05:1
AAA Pass
Aa
White on Color
1.49:1
Fail
Aa
Black on Color
14.05:1
AAA Pass
65.3%
Relative Luminance
0.6525
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
#E9DDC8
Complementary
of Light Gray
#CDC8E9
Analogous
of Light Gray
#C8E5E9
Analogous
of Light Gray
#EDF1F8
Lighter Tint
of Light Gray
#EDF1F8
Lighter Tint
of Light Gray
#EDF1F8
Lighter Tint
of Light Gray
#92AAD3
Darker Shade
of Light Gray
#5B7FBE
Darker Shade
of Light Gray
#3A5A92
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#383C57
Dark Slate Gray
10.2% Gray
Web Formats
HEX #383C57
RGB 56,60,87
HSL hsl(232, 22%, 28%)
HWB hwb(232, 22%, 66%)
Print & Design
CMYK cmyk(36%, 31%, 0%, 66%)
HSV hsv(232, 36%, 34%)
Perceptual (Color Science)
LAB lab(26.04, 5.72, -16.75)
LCH lch(26.04, 17.7, 288.8°)
XYZ xyz(4.97, 4.76, 9.67)
OKLab oklab(0.3645, 0.006, -0.0465)
Accessibility (WCAG 2.1)
Aa
On White
10.76:1
AAA Pass
Aa
On Black
1.95:1
Fail
Aa
White on Color
10.76: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
#575338
Complementary
of Dark Slate Gray
#433857
Analogous
of Dark Slate Gray
#384C57
Analogous
of Dark Slate Gray
#565C86
Lighter Tint
of Dark Slate Gray
#7C83AB
Lighter Tint
of Dark Slate Gray
#ABAFC9
Lighter Tint
of Dark Slate Gray
#1A1C28
Darker Shade
of Dark Slate Gray
#0A0B10
Darker Shade
of Dark Slate Gray
#0A0B10
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#252A3E
Dark Slate Gray
9.9% Gray
Web Formats
HEX #252A3E
RGB 37,42,62
HSL hsl(228, 25%, 19%)
HWB hwb(228, 15%, 76%)
Print & Design
CMYK cmyk(40%, 32%, 0%, 76%)
HSV hsv(228, 40%, 24%)
Perceptual (Color Science)
LAB lab(17.45, 3.74, -13.42)
LCH lch(17.45, 13.93, 285.6°)
XYZ xyz(2.46, 2.4, 4.89)
OKLab oklab(0.2897, 0.002, -0.0373)
Accessibility (WCAG 2.1)
Aa
On White
14.19:1
AAA Pass
Aa
On Black
1.48:1
Fail
Aa
White on Color
14.19:1
AAA Pass
Aa
Black on Color
1.48:1
Fail
2.4%
Relative Luminance
0.0240
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
#3D3824
Complementary
of Dark Slate Gray
#2C243D
Analogous
of Dark Slate Gray
#24353D
Analogous
of Dark Slate Gray
#414A6C
Lighter Tint
of Dark Slate Gray
#5E6A9C
Lighter Tint
of Dark Slate Gray
#8C95BA
Lighter Tint
of Dark Slate Gray
#0A0B10
Darker Shade
of Dark Slate Gray
#0A0B10
Darker Shade
of Dark Slate Gray
#0A0B10
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#69759A
Slate Gray
5.9% Gray
Web Formats
HEX #69759A
RGB 105,117,154
HSL hsl(225, 20%, 51%)
HWB hwb(225, 41%, 40%)
Print & Design
CMYK cmyk(32%, 24%, 0%, 40%)
HSV hsv(225, 32%, 60%)
Perceptual (Color Science)
LAB lab(49.57, 4.61, -21.43)
LCH lch(49.57, 21.93, 282.1°)
XYZ xyz(18.02, 18.06, 33.1)
OKLab oklab(0.5668, 0.0005, -0.0592)
Accessibility (WCAG 2.1)
Aa
On White
4.55:1
AA Pass
Aa
On Black
4.61:1
AA Pass
Aa
White on Color
4.55:1
AA Pass
Aa
Black on Color
4.61:1
AA Pass
18.1%
Relative Luminance
0.1806
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
#9B8F69
Complementary
of Slate Gray
#76699B
Analogous
of Slate Gray
#698F9B
Analogous
of Slate Gray
#97A0BA
Lighter Tint
of Slate Gray
#C5CAD8
Lighter Tint
of Slate Gray
#F0F1F5
Lighter Tint
of Slate Gray
#49536E
Darker Shade
of Slate Gray
#2B3040
Darker Shade
of Slate Gray
#0C0E12
Darker Shade
of Slate Gray
Slate Gray
Named Color
Discover the Hue
#484E6F
Dark Slate Blue
5.4% Purple
Web Formats
HEX #484E6F
RGB 72,78,111
HSL hsl(231, 21%, 36%)
HWB hwb(231, 28%, 56%)
Print & Design
CMYK cmyk(35%, 30%, 0%, 56%)
HSV hsv(231, 35%, 44%)
Perceptual (Color Science)
LAB lab(33.93, 6.31, -19.76)
LCH lch(33.93, 20.74, 287.7°)
XYZ xyz(8.27, 7.97, 16.14)
OKLab oklab(0.4327, 0.0057, -0.0549)
Accessibility (WCAG 2.1)
Aa
On White
8.09:1
AAA Pass
Aa
On Black
2.59:1
Fail
Aa
White on Color
8.09:1
AAA Pass
Aa
Black on Color
2.59:1
Fail
8.0%
Relative Luminance
0.0797
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
#6F6949
Complementary
of Dark Slate Blue
#56496F
Analogous
of Dark Slate Blue
#49626F
Analogous
of Dark Slate Blue
#68709C
Lighter Tint
of Dark Slate Blue
#969CBB
Lighter Tint
of Dark Slate Blue
#C4C7D9
Lighter Tint
of Dark Slate Blue
#2A2E41
Darker Shade
of Dark Slate Blue
#0C0D13
Darker Shade
of Dark Slate Blue
#0A0B0F
Darker Shade
of Dark Slate Blue
Dark Slate Blue
Named Color
Discover the Hue
#586287
Dim Gray
5.3% Gray
Web Formats
HEX #586287
RGB 88,98,135
HSL hsl(227, 21%, 44%)
HWB hwb(227, 35%, 47%)
Print & Design
CMYK cmyk(35%, 27%, 0%, 47%)
HSV hsv(227, 35%, 53%)
Perceptual (Color Science)
LAB lab(42.09, 5.66, -21.77)
LCH lch(42.09, 22.49, 284.6°)
XYZ xyz(12.76, 12.56, 24.67)
OKLab oklab(0.5028, 0.0025, -0.0604)
Accessibility (WCAG 2.1)
Aa
On White
5.98:1
AA Pass
Aa
On Black
3.51:1
Large Only
Aa
White on Color
5.98:1
AA Pass
Aa
Black on Color
3.51:1
Large Only
12.6%
Relative Luminance
0.1256
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
#887E59
Complementary
of Dim Gray
#665988
Analogous
of Dim Gray
#597A88
Analogous
of Dim Gray
#808AAC
Lighter Tint
of Dim Gray
#AFB5CB
Lighter Tint
of Dim Gray
#DDE0E9
Lighter Tint
of Dim Gray
#3A4159
Darker Shade
of Dim Gray
#1C1F2B
Darker Shade
of Dim Gray
#0A0B0F
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue

This palette originates from Tomi Rantasaari's celebrated design "Lumous".

Tomi Rantasaari

About the Designer

Tomi Rantasaari

Tomi Rantasaari is an acclaimed design visionary recognized by the A' Design Award. Their creative vision reflects exceptional skill in creative direction.

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

Explore Rantasaari's Palettes View Rantasaari's Profile
Iron A' Generative, Algorithmic, Parametric and AI-Assisted Design Award 2025

About the Award

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

Lumous was honored with the Iron A' Generative, Algorithmic, Parametric and AI-Assisted Design Award in 2025. The A' Design Award is a globally recognized design award program that acknowledges exceptional design innovation. Winners are selected through thorough review by a distinguished panel representing multiple disciplines. The Iron 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.
Learn More About A' Generative, Algorithmic, Parametric and AI-Assisted Design Award View at A' Design Award

More Palettes from Lumous

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

Lumous - View 2
2D364F
1F2634
444E6D
A1AED0
5E6B88
364363
25F8FC
90A0C0
Lumous • View 2
Lumous - View 3
090B2F
0D1649
1D2171
040210
0D3D64
302A89
2A0B31
341351
Lumous • View 3
Lumous - View 4
0F1325
1A233C
1B2F6D
25B6E0
2E55C7
213985
3E88D9
4468CD
Lumous • View 4
Lumous - View 5
4F5B75
3C425C
CFDEF4
606B88
242738
504771
2C2F4D
A7ACCD
Lumous • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Voltti
09080B
1C1B1F
1D2531
4F3A2B
342922
736155
424148
614F43
Voltti
52,817 ID#169605
Leaf Roof
303F4A
505B5E
717777
6594AD
7AA4B8
B4C8D2
8E918D
414E54
Leaf Roof
97,803 ID#161525
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
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