Discover the Colors of Datalense | Interface Colors
Interface Colors

Color Palette

Datalense — Data Visualization

0F0C08
Copy As
HEX #0F0C08
RGB rgb(15,12,8)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
282119
Copy As
HEX #282119
RGB rgb(40,33,25)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
5D4D3E
Copy As
HEX #5D4D3E
RGB rgb(93,77,62)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
43362A
Copy As
HEX #43362A
RGB rgb(67,54,42)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
6A6358
Copy As
HEX #6A6358
RGB rgb(106,99,88)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
A1988D
Copy As
HEX #A1988D
RGB rgb(161,152,141)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
867467
Copy As
HEX #867467
RGB rgb(134,116,103)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
795A3E
Copy As
HEX #795A3E
RGB rgb(121,90,62)
HSL
Notice: Undefined index: HSL in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/interfacecolors.com/public_html/index.php on line 6321
Download
SVG PNG
#0F0C08
#282119
#5D4D3E
#43362A
#6A6358
#A1988D
#867467
#795A3E
Datalense

This palette was extracted from

Datalense

Award-Winning Data Visualization

About the Design

This design features Black, Dark Olive Green, Dark Slate Gray, Dim Gray, Rosy Brown, Gray, and Sienna.

About the Award-Winning Data Visualization Design: This system, integrated with 3D GIS and real-time rendering technology, has constructed a visualization system that combines natural aesthetics with modern design. The 18 meter long interactive large screen, equipped with AI, responds to different solar terms and festivals, changing digital scenes to create an immersive reading experience. The application of 3D simulation and digital twin technology enhances the user interaction experience. This design not only promotes cultural exchange but also reflects the innovation and progress of the library in the process of intelligent development.

This palette has a warming feel, suggesting inviting warmth.

View at A' Design Award

Datalense, the design behind this palette, was designed by Alibaba Cloud.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#0F0C08
Black
35.9% Black
Web Formats
HEX #0F0C08
RGB 15,12,8
HSL hsl(34, 30%, 5%)
HWB hwb(34, 3%, 94%)
Print & Design
CMYK cmyk(0%, 20%, 47%, 94%)
HSV hsv(34, 47%, 6%)
Perceptual (Color Science)
LAB lab(3.45, 0.38, 1.89)
LCH lch(3.45, 1.93, 78.7°)
XYZ xyz(0.37, 0.38, 0.28)
OKLab oklab(0.1566, 0.0024, 0.0096)
Accessibility (WCAG 2.1)
Aa
On White
19.51:1
AAA Pass
Aa
On Black
1.08:1
Fail
Aa
White on Color
19.51:1
AAA Pass
Aa
Black on Color
1.08:1
Fail
0.4%
Relative Luminance
0.0038
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
#090C11
Complementary
of Black
#101109
Analogous
of Black
#110909
Analogous
of Black
#423524
Lighter Tint
of Black
#745D3E
Lighter Tint
of Black
#A68559
Lighter Tint
of Black
#110D09
Darker Shade
of Black
#110D09
Darker Shade
of Black
#110D09
Darker Shade
of Black
Black
Named Color
Discover the Hue
#282119
Black
15.0% Black
Web Formats
HEX #282119
RGB 40,33,25
HSL hsl(32, 23%, 13%)
HWB hwb(32, 10%, 84%)
Print & Design
CMYK cmyk(0%, 18%, 38%, 84%)
HSV hsv(32, 38%, 16%)
Perceptual (Color Science)
LAB lab(13.29, 1.76, 6.66)
LCH lch(13.29, 6.89, 75.2°)
XYZ xyz(1.59, 1.61, 1.15)
OKLab oklab(0.2531, 0.006, 0.0169)
Accessibility (WCAG 2.1)
Aa
On White
15.89:1
AAA Pass
Aa
On Black
1.32:1
Fail
Aa
White on Color
15.89:1
AAA Pass
Aa
Black on Color
1.32:1
Fail
1.6%
Relative Luminance
0.0161
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
#1A2129
Complementary
of Black
#28291A
Analogous
of Black
#291A1A
Analogous
of Black
#584837
Lighter Tint
of Black
#876F54
Lighter Tint
of Black
#AD967B
Lighter Tint
of Black
#100D0A
Darker Shade
of Black
#100D0A
Darker Shade
of Black
#100D0A
Darker Shade
of Black
Black
Named Color
Discover the Hue
#5D4D3E
Dark Olive Green
12.5% Green
Web Formats
HEX #5D4D3E
RGB 93,77,62
HSL hsl(29, 20%, 30%)
HWB hwb(29, 24%, 64%)
Print & Design
CMYK cmyk(0%, 17%, 33%, 64%)
HSV hsv(29, 33%, 36%)
Perceptual (Color Science)
LAB lab(33.95, 4.18, 11.41)
LCH lch(33.95, 12.15, 69.9°)
XYZ xyz(8.04, 7.98, 5.67)
OKLab oklab(0.4322, 0.0135, 0.029)
Accessibility (WCAG 2.1)
Aa
On White
8.09:1
AAA Pass
Aa
On Black
2.60:1
Fail
Aa
White on Color
8.09:1
AAA Pass
Aa
Black on Color
2.60:1
Fail
8.0%
Relative Luminance
0.0798
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
#3D4D5C
Complementary
of Dark Olive Green
#5C5B3D
Analogous
of Dark Olive Green
#5C3D3E
Analogous
of Dark Olive Green
#8A725C
Lighter Tint
of Dark Olive Green
#AD9885
Lighter Tint
of Dark Olive Green
#CCBFB3
Lighter Tint
of Dark Olive Green
#2E261F
Darker Shade
of Dark Olive Green
#0F0D0A
Darker Shade
of Dark Olive Green
#0F0D0A
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#43362A
Dark Slate Gray
10.2% Gray
Web Formats
HEX #43362A
RGB 67,54,42
HSL hsl(29, 23%, 21%)
HWB hwb(29, 16%, 74%)
Print & Design
CMYK cmyk(0%, 19%, 37%, 74%)
HSV hsv(29, 37%, 26%)
Perceptual (Color Science)
LAB lab(23.67, 3.68, 9.72)
LCH lch(23.67, 10.4, 69.3°)
XYZ xyz(4.05, 4, 2.75)
OKLab oklab(0.3434, 0.0118, 0.0246)
Accessibility (WCAG 2.1)
Aa
On White
11.67:1
AAA Pass
Aa
On Black
1.80:1
Fail
Aa
White on Color
11.67:1
AAA Pass
Aa
Black on Color
1.80:1
Fail
4.0%
Relative Luminance
0.0400
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
#293642
Complementary
of Dark Slate Gray
#424129
Analogous
of Dark Slate Gray
#42292A
Analogous
of Dark Slate Gray
#715B47
Lighter Tint
of Dark Slate Gray
#9F8165
Lighter Tint
of Dark Slate Gray
#BCA894
Lighter Tint
of Dark Slate Gray
#130F0C
Darker Shade
of Dark Slate Gray
#100D0A
Darker Shade
of Dark Slate Gray
#100D0A
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#6A6358
Dim Gray
8.6% Gray
Web Formats
HEX #6A6358
RGB 106,99,88
HSL hsl(37, 9%, 38%)
HWB hwb(37, 35%, 58%)
Print & Design
CMYK cmyk(0%, 7%, 17%, 58%)
HSV hsv(37, 17%, 42%)
Perceptual (Color Science)
LAB lab(42.3, 0.71, 7.25)
LCH lch(42.3, 7.29, 84.4°)
XYZ xyz(12.17, 12.69, 11.04)
OKLab oklab(0.5028, 0.0036, 0.0188)
Accessibility (WCAG 2.1)
Aa
On White
5.93:1
AA Pass
Aa
On Black
3.54:1
Large Only
Aa
White on Color
5.93:1
AA Pass
Aa
Black on Color
3.54:1
Large Only
12.7%
Relative Luminance
0.1269
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
#585F6A
Complementary
of Dim Gray
#686A58
Analogous
of Dim Gray
#6A5A58
Analogous
of Dim Gray
#928A7C
Lighter Tint
of Dim Gray
#B5AFA6
Lighter Tint
of Dim Gray
#D8D5D0
Lighter Tint
of Dim Gray
#403C35
Darker Shade
of Dim Gray
#161513
Darker Shade
of Dim Gray
#0E0D0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#A1988D
Rosy Brown
6.8% Brown
Web Formats
HEX #A1988D
RGB 161,152,141
HSL hsl(33, 10%, 59%)
HWB hwb(33, 55%, 37%)
Print & Design
CMYK cmyk(0%, 6%, 12%, 37%)
HSV hsv(33, 12%, 63%)
Perceptual (Color Science)
LAB lab(63.31, 1.34, 6.97)
LCH lch(63.31, 7.1, 79.1°)
XYZ xyz(30.73, 31.96, 29.74)
OKLab oklab(0.6842, 0.0056, 0.0182)
Accessibility (WCAG 2.1)
Aa
On White
2.84:1
Fail
Aa
On Black
7.39:1
AAA Pass
Aa
White on Color
2.84:1
Fail
Aa
Black on Color
7.39:1
AAA Pass
32.0%
Relative Luminance
0.3196
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
#8C95A1
Complementary
of Rosy Brown
#A0A18C
Analogous
of Rosy Brown
#A18D8C
Analogous
of Rosy Brown
#C3BDB6
Lighter Tint
of Rosy Brown
#E6E3E0
Lighter Tint
of Rosy Brown
#F4F2F1
Lighter Tint
of Rosy Brown
#7B7165
Darker Shade
of Rosy Brown
#514B43
Darker Shade
of Rosy Brown
#272420
Darker Shade
of Rosy Brown
Rosy Brown
Named Color
Discover the Hue
#867467
Gray
5.8% Gray
Web Formats
HEX #867467
RGB 134,116,103
HSL hsl(25, 13%, 46%)
HWB hwb(25, 40%, 47%)
Print & Design
CMYK cmyk(0%, 13%, 23%, 47%)
HSV hsv(25, 23%, 53%)
Perceptual (Color Science)
LAB lab(50.14, 4.8, 9.76)
LCH lch(50.14, 10.88, 63.8°)
XYZ xyz(18.53, 18.54, 15.43)
OKLab oklab(0.572, 0.0158, 0.0253)
Accessibility (WCAG 2.1)
Aa
On White
4.46:1
Large Only
Aa
On Black
4.71:1
AA Pass
Aa
White on Color
4.46:1
Large Only
Aa
Black on Color
4.71:1
AA Pass
18.5%
Relative Luminance
0.1854
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
#667885
Complementary
of Gray
#858266
Analogous
of Gray
#856669
Analogous
of Gray
#A8998F
Lighter Tint
of Gray
#CAC0BA
Lighter Tint
of Gray
#EBE8E5
Lighter Tint
of Gray
#594D45
Darker Shade
of Gray
#2E2823
Darker Shade
of Gray
#0E0C0B
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#795A3E
Sienna
5.2% Brown
Web Formats
HEX #795A3E
RGB 121,90,62
HSL hsl(28, 32%, 36%)
HWB hwb(28, 24%, 53%)
Print & Design
CMYK cmyk(0%, 26%, 49%, 53%)
HSV hsv(28, 49%, 47%)
Perceptual (Color Science)
LAB lab(40.78, 8.94, 21.09)
LCH lch(40.78, 22.9, 67°)
XYZ xyz(12.41, 11.73, 6.17)
OKLab oklab(0.4928, 0.0264, 0.0517)
Accessibility (WCAG 2.1)
Aa
On White
6.28:1
AA Pass
Aa
On Black
3.35:1
Large Only
Aa
White on Color
6.28:1
AA Pass
Aa
Black on Color
3.35:1
Large Only
11.7%
Relative Luminance
0.1173
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
#3E5E79
Complementary
of Sienna
#79773E
Analogous
of Sienna
#793E40
Analogous
of Sienna
#AA7F5A
Lighter Tint
of Sienna
#C4A68D
Lighter Tint
of Sienna
#DECEBF
Lighter Tint
of Sienna
#473424
Darker Shade
of Sienna
#140F0A
Darker Shade
of Sienna
#110C09
Darker Shade
of Sienna
Sienna
Named Color
Discover the Hue

The colors presented here were analyzed from Alibaba Cloud's celebrated design "Datalense".

About Alibaba Cloud

Alibaba Cloud

Alibaba Cloud is a celebrated enterprise recognized by the A' Design Award. Their creative vision demonstrates exceptional skill in creative development.

Alibaba Cloud was founded in 2009, and is a global leading company in cloud computing and artificial intelligence technology. It is committed to providing secure and reliable computing and data processing capabilities through online public services, making computing and artificial intelligence accessible and beneficial to all. The Alibaba Cloud Design is a design team that integrates design, technology, and business. It is dedicated to diverse design in the field of cloud computing technology. It was the first in China to propose the concept of “computational design” and has been continuously exploring, practicing, leading, and evolving in the fields of computational design, digital twins, digital design, intelligent design, experience design, industry digital transformation, and corporate change.

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

Explore Alibaba Cloud's Palettes View Alibaba Cloud's Profile
Platinum A' Interface, Interaction and User Experience Design Award 2025

About the Award

Platinum A' Interface, Interaction and User Experience Design Award 2025

Datalense was honored with the Platinum A' Interface, Interaction and User Experience 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 comprising academics, professionals and press members. The Platinum status reflects high caliber design work as determined by the international jury.

A' Interface, Interaction and User Experience Design Award

Elevate the user experience with your innovative interface designs. The interface award category highlights intuitive user engagement, seamless interaction, and breakthrough user-centric solutions.

Recognizes: Websites, Mobile Applications, Software Interfaces, Game Interfaces, Wearable Interfaces, Virtual Reality Interfaces, Augmented Reality Interfaces, Dashboard Designs and More.
Learn More About A' Interface, Interaction and User Experience Design Award View at A' Design Award

More Palettes from Datalense

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

Datalense - View 2
110E0A
6E5E4F
7E7163
2E261D
493D33
8D8375
664C36
805938
Datalense • View 2
Datalense - View 3
261F12
463624
685138
A3724B
836345
554631
8F5F37
0D0C08
Datalense • View 3
Datalense - View 4
9D8069
5E584E
BFA691
4A4740
AE937E
72430F
88745C
A77E41
Datalense • View 4
Datalense - View 5
777774
80807F
7E734A
56542C
575945
0F3F24
383D27
90835D
Datalense • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Cathay Pacific IFE
110605
2C170B
987864
39271D
7F5D4D
AF8870
6E4E3E
5C4136
Cathay Pacific IFE
64,978 ID#169385
Chery E02
DCD9DA
2F3132
C3BDBF
1C1B1B
A09EA0
023953
0F6B8C
035474
Chery E02
67,475 ID#167391
Journeylink
0A0B10
171B24
ECE7DC
2B353C
010101
0C4566
64786D
798A73
Journeylink
70,088 ID#167866
Epichust
161618
303132
4E4D4D
232526
404041
8A8C91
09090A
5C5D5D
Epichust
2,968,423 ID#141914
Nova
242020
C5C3C3
423E3C
545452
DCD3CC
B1ABA7
74726A
958C86
Nova
443,209 ID#156460
MG Next-Generation
E9EAEE
100805
222022
D6D9DE
323337
78787C
535258
969498
MG Next-Generation
39,455 ID#159578
Kaorium
070A13
151925
F5F9FD
30374B
3B435F
232735
DFEAFB
A38D89
Kaorium
22,933 ID#166218
Viva Cyte
E1E2E5
D0D0D2
F8F8FA
B3B7BA
282E30
141A1C
C79D86
989D9F
Viva Cyte
43,600 ID#168358
Venous Materials
E1C7B8
E3DCDA
D3B19E
C49A86
B68471
A66F5E
925E51
7E4B3F
Venous Materials
192,244 ID#106683
MyJCB
E3E5E8
3C67DC
1C7ED7
C6C7C9
4C72DE
3A93E5
9DB5E5
EEF1F5
MyJCB
66,958 ID#167269
Dotline Branding
FDFDFD
FB1718
FBFB18
E7E7EA
FC3838
C7C7C8
9C9C9D
3F3F3F
Dotline Branding
94,318 ID#168462
Conexion
FAFAFB
E1E0E2
2C70EF
706F6E
EFEBED
CECDCE
858483
BBB9B9
Conexion
57,169 ID#168881