Tipit Color Palette | Strategy Colors
Strategy Colors

Color Palette

Tipit — Cashless Tipping Device

3A3A3D
Copy As
HEX #3A3A3D
RGB rgb(58,58,61)
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
DFDFE0
Copy As
HEX #DFDFE0
RGB rgb(223,223,224)
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
EEEEEE
Copy As
HEX #EEEEEE
RGB rgb(238,238,238)
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
B0B0B1
Copy As
HEX #B0B0B1
RGB rgb(176,176,177)
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
C6C6C7
Copy As
HEX #C6C6C7
RGB rgb(198,198,199)
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
242425
Copy As
HEX #242425
RGB rgb(36,36,37)
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
5C5E62
Copy As
HEX #5C5E62
RGB rgb(92,94,98)
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
979799
Copy As
HEX #979799
RGB rgb(151,151,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
#3A3A3D
#DFDFE0
#EEEEEE
#B0B0B1
#C6C6C7
#242425
#5C5E62
#979799
Tipit

This palette was extracted from

Tipit

Award-Winning Cashless Tipping Device

About the Design

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

About the Award-Winning Cashless Tipping Device Design: Tipit is the world's first card reader that makes it possible to transparently leave tips with a bank card, phone or smartwatch. The product is designed for visitors who want to thank the service staff and for waiters, bartenders who want to get tips digitally. Tipping device with rotational wheel provides a playful usage scenario that didn't exist before in the payment area. Less cash, more freedom and fewer taxes. Tipit is the new way to say "Thank you for your service" with a plastic card or smart device.

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

View at A' Design Award

Tipit, where these colors originate, was designed by Desdorp.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#3A3A3D
Dark Slate Gray
82.5% Gray
Web Formats
HEX #3A3A3D
RGB 58,58,61
HSL hsl(240, 3%, 23%)
HWB hwb(240, 23%, 76%)
Print & Design
CMYK cmyk(5%, 5%, 0%, 76%)
HSV hsv(240, 5%, 24%)
Perceptual (Color Science)
LAB lab(24.52, 0.7, -1.85)
LCH lch(24.52, 1.98, 290.6°)
XYZ xyz(4.1, 4.26, 5.02)
OKLab oklab(0.3496, 0.0014, -0.0049)
Accessibility (WCAG 2.1)
Aa
On White
11.34:1
AAA Pass
Aa
On Black
1.85:1
Fail
Aa
White on Color
11.34:1
AAA Pass
Aa
Black on Color
1.85:1
Fail
4.3%
Relative Luminance
0.0426
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
#3C3C39
Complementary
of Dark Slate Gray
#3B393C
Analogous
of Dark Slate Gray
#393B3C
Analogous
of Dark Slate Gray
#5E5E64
Lighter Tint
of Dark Slate Gray
#84848B
Lighter Tint
of Dark Slate Gray
#ABABB0
Lighter Tint
of Dark Slate Gray
#141415
Darker Shade
of Dark Slate Gray
#0C0C0D
Darker Shade
of Dark Slate Gray
#0C0C0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#DFDFE0
Gainsboro
4.6% Gray
Web Formats
HEX #DFDFE0
RGB 223,223,224
HSL hsl(240, 2%, 88%)
HWB hwb(240, 87%, 12%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 12%)
HSV hsv(240, 0%, 88%)
Perceptual (Color Science)
LAB lab(88.85, 0.18, -0.49)
LCH lch(88.85, 0.52, 290.2°)
XYZ xyz(70.27, 73.85, 81.06)
OKLab oklab(0.9039, 0.0004, -0.0013)
Accessibility (WCAG 2.1)
Aa
On White
1.33:1
Fail
Aa
On Black
15.77:1
AAA Pass
Aa
White on Color
1.33:1
Fail
Aa
Black on Color
15.77:1
AAA Pass
73.9%
Relative Luminance
0.7385
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
#E1E1E0
Complementary
of Gainsboro
#E0E0E1
Analogous
of Gainsboro
#E0E0E1
Analogous
of Gainsboro
#F2F2F3
Lighter Tint
of Gainsboro
#F2F2F3
Lighter Tint
of Gainsboro
#F2F2F3
Lighter Tint
of Gainsboro
#B9B9BC
Darker Shade
of Gainsboro
#929296
Darker Shade
of Gainsboro
#6B6B70
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#EEEEEE
White Smoke
3.5% White
Web Formats
HEX #EEEEEE
RGB 238,238,238
HSL hsl(0, 0%, 93%)
HWB hwb(0, 93%, 7%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 7%)
HSV hsv(0, 0%, 93%)
Perceptual (Color Science)
LAB lab(94.1, -0, 0)
LCH lch(94.1, 0, 158.2°)
XYZ xyz(81.26, 85.5, 93.09)
OKLab oklab(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.

Color Relationships & Derivatives
#EDEDED
Complementary
of White Smoke
#EDEDED
Analogous
of White Smoke
#EDEDED
Analogous
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#C7C7C7
Darker Shade
of White Smoke
#A1A1A1
Darker Shade
of White Smoke
#7A7A7A
Darker Shade
of White Smoke
White Smoke
Named Color
Discover the Hue
#B0B0B1
Dark Gray
2.1% Gray
Web Formats
HEX #B0B0B1
RGB 176,176,177
HSL hsl(240, 1%, 69%)
HWB hwb(240, 69%, 31%)
Print & Design
CMYK cmyk(1%, 1%, 0%, 31%)
HSV hsv(240, 1%, 69%)
Perceptual (Color Science)
LAB lab(71.86, 0.19, -0.51)
LCH lch(71.86, 0.54, 290.2°)
XYZ xyz(41.36, 43.46, 47.79)
OKLab oklab(0.7575, 0.0004, -0.0014)
Accessibility (WCAG 2.1)
Aa
On White
2.17:1
Fail
Aa
On Black
9.69:1
AAA Pass
Aa
White on Color
2.17:1
Fail
Aa
Black on Color
9.69:1
AAA Pass
43.5%
Relative Luminance
0.4346
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
#B1B1AF
Complementary
of Dark Gray
#B0AFB1
Analogous
of Dark Gray
#AFB0B1
Analogous
of Dark Gray
#D6D6D7
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#89898B
Darker Shade
of Dark Gray
#626264
Darker Shade
of Dark Gray
#3D3D3E
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#C6C6C7
Silver
2.0% Gray
Web Formats
HEX #C6C6C7
RGB 198,198,199
HSL hsl(240, 1%, 78%)
HWB hwb(240, 78%, 22%)
Print & Design
CMYK cmyk(1%, 1%, 0%, 22%)
HSV hsv(240, 1%, 78%)
Perceptual (Color Science)
LAB lab(79.91, 0.18, -0.5)
LCH lch(79.91, 0.53, 290.2°)
XYZ xyz(53.79, 56.52, 62.1)
OKLab oklab(0.8269, 0.0004, -0.0013)
Accessibility (WCAG 2.1)
Aa
On White
1.71:1
Fail
Aa
On Black
12.30:1
AAA Pass
Aa
White on Color
1.71:1
Fail
Aa
Black on Color
12.30:1
AAA Pass
56.5%
Relative Luminance
0.5652
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
#C7C7C6
Complementary
of Silver
#C7C6C7
Analogous
of Silver
#C6C7C7
Analogous
of Silver
#EDEDED
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#F2F2F2
Lighter Tint
of Silver
#A0A0A2
Darker Shade
of Silver
#79797C
Darker Shade
of Silver
#535355
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#242425
Black
2.1% Black
Web Formats
HEX #242425
RGB 36,36,37
HSL hsl(240, 1%, 14%)
HWB hwb(240, 14%, 85%)
Print & Design
CMYK cmyk(3%, 3%, 0%, 85%)
HSV hsv(240, 3%, 15%)
Perceptual (Color Science)
LAB lab(14.23, 0.25, -0.67)
LCH lch(14.23, 0.71, 290.4°)
XYZ xyz(1.69, 1.77, 2)
OKLab oklab(0.2607, 0.0005, -0.0018)
Accessibility (WCAG 2.1)
Aa
On White
15.51:1
AAA Pass
Aa
On Black
1.35:1
Fail
Aa
White on Color
15.51:1
AAA Pass
Aa
Black on Color
1.35:1
Fail
1.8%
Relative Luminance
0.0177
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
#242423
Complementary
of Black
#242324
Analogous
of Black
#232424
Analogous
of Black
#49494B
Lighter Tint
of Black
#6F6F71
Lighter Tint
of Black
#959597
Lighter Tint
of Black
#0D0D0D
Darker Shade
of Black
#0D0D0D
Darker Shade
of Black
#0D0D0D
Darker Shade
of Black
Black
Named Color
Discover the Hue
#5C5E62
Dim Gray
1.8% Gray
Web Formats
HEX #5C5E62
RGB 92,94,98
HSL hsl(220, 3%, 37%)
HWB hwb(220, 36%, 62%)
Print & Design
CMYK cmyk(6%, 4%, 0%, 62%)
HSV hsv(220, 6%, 38%)
Perceptual (Color Science)
LAB lab(39.85, 0.08, -2.56)
LCH lch(39.85, 2.56, 271.8°)
XYZ xyz(10.62, 11.16, 13.15)
OKLab oklab(0.4815, -0.0007, -0.0068)
Accessibility (WCAG 2.1)
Aa
On White
6.50:1
AA Pass
Aa
On Black
3.23:1
Large Only
Aa
White on Color
6.50:1
AA Pass
Aa
Black on Color
3.23:1
Large Only
11.2%
Relative Luminance
0.1116
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
#615F5C
Complementary
of Dim Gray
#5C5C61
Analogous
of Dim Gray
#5C6061
Analogous
of Dim Gray
#818388
Lighter Tint
of Dim Gray
#A8AAAD
Lighter Tint
of Dim Gray
#D0D1D2
Lighter Tint
of Dim Gray
#36383A
Darker Shade
of Dim Gray
#111212
Darker Shade
of Dim Gray
#0C0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#979799
Dark Gray
1.5% Gray
Web Formats
HEX #979799
RGB 151,151,153
HSL hsl(240, 1%, 60%)
HWB hwb(240, 59%, 40%)
Print & Design
CMYK cmyk(1%, 1%, 0%, 40%)
HSV hsv(240, 1%, 60%)
Perceptual (Color Science)
LAB lab(62.52, 0.39, -1.05)
LCH lch(62.52, 1.12, 290.3°)
XYZ xyz(29.58, 31.01, 34.56)
OKLab oklab(0.677, 0.0008, -0.0028)
Accessibility (WCAG 2.1)
Aa
On White
2.92:1
Fail
Aa
On Black
7.20:1
AAA Pass
Aa
White on Color
2.92:1
Fail
Aa
Black on Color
7.20:1
AAA Pass
31.0%
Relative Luminance
0.3101
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
#9A9A98
Complementary
of Dark Gray
#99989A
Analogous
of Dark Gray
#98999A
Analogous
of Dark Gray
#BFBFC0
Lighter Tint
of Dark Gray
#E5E5E6
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#727274
Darker Shade
of Dark Gray
#4C4C4D
Darker Shade
of Dark Gray
#262627
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue

These hues were detected in Desdorp's acclaimed work "Tipit".

Desdorp

About Desdorp

Desdorp

Desdorp is an award-winning startup honored by the A' Design Award. Their portfolio reflects expertise in design innovation.

Desdorp is industrial product design studio. Each new design project for them is an inspiring journey where understandable, aesthetic and innovative objects are born. In cooperation with companies Desdorp strive for the best results that bring customer satisfaction. The studio is represented by designers Deividas Juozulynas and Denis Orlenok who have won several national and international awards. A combination of multiple design techniques and methods as well as integration of different users and manufacturing specialists into the development process always lead to the most convenient design solutions. Desdorp helps to transform each client's first idea and sketch into the industrially produced product used by people on daily basis.

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

Explore Desdorp's Palettes View Desdorp's Profile
Silver A' Wholesale, Retail Trade, Commerce and E-Commerce Design Award 2022

About the Award

Silver A' Wholesale, Retail Trade, Commerce and E-Commerce Design Award 2022

Tipit was honored with the Silver A' Wholesale, Retail Trade, Commerce and E-Commerce Design Award in 2022. 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 Silver status represents notable design quality as judged by the review committee.

A' Wholesale, Retail Trade, Commerce and E-Commerce Design Award

Elevate the standard of commerce with your groundbreaking designs in wholesale, retail, and e-commerce. The trade award category highlights exceptional merchandising experiences, innovative transaction methods, and cutting-edge online retail solutions.

Recognizes: Wholesale Trade Services, Retail Appliances, Storefronts, Showrooms, Pop-Up Shops, E-Commerce Platforms, Retail Displays, Trade Show Booths, Wholesale Catalogs, Shopping Apps and More.
Learn More About A' Wholesale, Retail Trade, Commerce and E-Commerce Design Award View at A' Design Award

More Palettes from Tipit

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

Tipit - View 2
585867
6C7CA0
5C6B92
6A6B7E
434350
0B0A09
84808A
312F39
Tipit • View 2
Tipit - View 3
090502
BE9A80
303647
514E53
C2813F
AD8669
332D2E
A47754
Tipit • View 3
Tipit - View 4
696779
0E0A09
7A584D
78798F
585769
937672
3B3D51
A68A85
Tipit • View 4
Tipit - View 5
535C76
646F8D
474652
6D6A75
323138
0A0807
242023
717E9D
Tipit • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Self Service Checkout
DDDCDB
CBC7C5
B1ADAC
E7EAEB
575860
3E454F
90DBE3
9D9B9B
Self Service Checkout
105,460 ID#120086
Flaskk One
E4E4E4
FEFEFE
2C2C2F
C2C2C1
2222A7
8A8A8A
1E1E84
3C3C3C
Flaskk One
103,000 ID#153019
Dualad
E5E5E5
D1D1D0
4B4B4B
343333
C1BEBC
6C6C6C
8B8885
A56C3F
Dualad
93,360 ID#150359
Refrigerating Cabinet
D7D7D7
EDEDED
C4C4C4
B8B6B7
A9A6A6
989595
868585
737172
Refrigerating Cabinet
74,408 ID#134788
J16 Smart
444445
2C807C
319692
5B5B5C
161A1A
323535
185A56
6A6B6B
J16 Smart
76,791 ID#134434
Camera Vista
D3D3D3
EAEAEA
C3C3C3
464646
ABABAB
7A7A7A
979797
F6F6F6
Camera Vista
65,575 ID#126953
iONE360
47403A
7F6552
654838
E4E4E4
352F2B
C4C4C5
54504E
0B0B0D
iONE360
66,583 ID#106446
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
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