Self Service Checkout Colors | Strategy Colors
Strategy Colors

Color Palette

Self Service Checkout — SCO

DDDCDB
Copy As
HEX #DDDCDB
RGB rgb(221,220,219)
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
CBC7C5
Copy As
HEX #CBC7C5
RGB rgb(203,199,197)
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
B1ADAC
Copy As
HEX #B1ADAC
RGB rgb(177,173,172)
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
E7EAEB
Copy As
HEX #E7EAEB
RGB rgb(231,234,235)
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
575860
Copy As
HEX #575860
RGB rgb(87,88,96)
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
3E454F
Copy As
HEX #3E454F
RGB rgb(62,69,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
90DBE3
Copy As
HEX #90DBE3
RGB rgb(144,219,227)
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
9D9B9B
Copy As
HEX #9D9B9B
RGB rgb(157,155,155)
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
#DDDCDB
#CBC7C5
#B1ADAC
#E7EAEB
#575860
#3E454F
#90DBE3
#9D9B9B
Self Service Checkout

This palette was extracted from

Self Service Checkout

Award-Winning SCO

About the Design

This design features Gainsboro, Silver, Dark Gray, Lavender, Dim Gray, Dark Slate Gray, and Sky Blue.

About the Award-Winning SCO Design: Self-service checkout is user-friendly, modern and visually light. The SCO design features a timeless look with elegant and clean lines to perfectly fill the store space. Collaboration with retails systems company and manufacturer led to think about the design till the smallest detail. The edges of the product have innovative LED lighting integrated, which brings the attention of customers and informs about the status of the self-checkouts. Improved ergonomics of self-service checkouts' make it easier for customers to complete the payment.

This palette has a refreshing feel, suggesting tranquility and clarity.

View at A' Design Award

Self Service Checkout, the design behind this palette, was designed by Desdorp.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#DDDCDB
Gainsboro
45.7% Gray
Web Formats
HEX #DDDCDB
RGB 221,220,219
HSL hsl(30, 3%, 86%)
HWB hwb(30, 86%, 13%)
Print & Design
CMYK cmyk(0%, 0%, 1%, 13%)
HSV hsv(30, 1%, 87%)
Perceptual (Color Science)
LAB lab(87.81, 0.16, 0.61)
LCH lch(87.81, 0.63, 75.3°)
XYZ xyz(68.2, 71.67, 77.25)
OKLab oklab(0.895, 0.0007, 0.0016)
Accessibility (WCAG 2.1)
Aa
On White
1.37:1
Fail
Aa
On Black
15.33:1
AAA Pass
Aa
White on Color
1.37:1
Fail
Aa
Black on Color
15.33:1
AAA Pass
71.7%
Relative Luminance
0.7167
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
#DADBDC
Complementary
of Gainsboro
#DCDCDA
Analogous
of Gainsboro
#DCDADA
Analogous
of Gainsboro
#F3F2F2
Lighter Tint
of Gainsboro
#F3F2F2
Lighter Tint
of Gainsboro
#F3F2F2
Lighter Tint
of Gainsboro
#B7B5B3
Darker Shade
of Gainsboro
#928F8B
Darker Shade
of Gainsboro
#6C6965
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#CBC7C5
Silver
21.6% Gray
Web Formats
HEX #CBC7C5
RGB 203,199,197
HSL hsl(20, 5%, 78%)
HWB hwb(20, 77%, 20%)
Print & Design
CMYK cmyk(0%, 2%, 3%, 20%)
HSV hsv(20, 3%, 80%)
Perceptual (Color Science)
LAB lab(80.5, 1.02, 1.49)
LCH lch(80.5, 1.81, 55.5°)
XYZ xyz(55.13, 57.57, 61.02)
OKLab oklab(0.8323, 0.0035, 0.004)
Accessibility (WCAG 2.1)
Aa
On White
1.68:1
Fail
Aa
On Black
12.51:1
AAA Pass
Aa
White on Color
1.68:1
Fail
Aa
Black on Color
12.51:1
AAA Pass
57.6%
Relative Luminance
0.5757
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
#C4C8CA
Complementary
of Silver
#CAC9C4
Analogous
of Silver
#CAC4C5
Analogous
of Silver
#EEEDEC
Lighter Tint
of Silver
#F3F2F2
Lighter Tint
of Silver
#F3F2F2
Lighter Tint
of Silver
#A59F9C
Darker Shade
of Silver
#817874
Darker Shade
of Silver
#585350
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#B1ADAC
Dark Gray
13.1% Gray
Web Formats
HEX #B1ADAC
RGB 177,173,172
HSL hsl(12, 3%, 68%)
HWB hwb(12, 67%, 31%)
Print & Design
CMYK cmyk(0%, 2%, 3%, 31%)
HSV hsv(12, 3%, 69%)
Perceptual (Color Science)
LAB lab(71.02, 1.24, 1.02)
LCH lch(71.02, 1.6, 39.4°)
XYZ xyz(40.52, 42.21, 45.03)
OKLab oklab(0.7506, 0.004, 0.0027)
Accessibility (WCAG 2.1)
Aa
On White
2.22:1
Fail
Aa
On Black
9.44:1
AAA Pass
Aa
White on Color
2.22:1
Fail
Aa
Black on Color
9.44:1
AAA Pass
42.2%
Relative Luminance
0.4221
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
#ABAFB0
Complementary
of Dark Gray
#B0AEAB
Analogous
of Dark Gray
#B0ABAC
Analogous
of Dark Gray
#D5D3D2
Lighter Tint
of Dark Gray
#F3F2F2
Lighter Tint
of Dark Gray
#F3F2F2
Lighter Tint
of Dark Gray
#8B8584
Darker Shade
of Dark Gray
#645F5E
Darker Shade
of Dark Gray
#3C3A39
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#E7EAEB
Lavender
7.4% Purple
Web Formats
HEX #E7EAEB
RGB 231,234,235
HSL hsl(195, 9%, 91%)
HWB hwb(195, 91%, 8%)
Print & Design
CMYK cmyk(2%, 0%, 0%, 8%)
HSV hsv(195, 2%, 92%)
Perceptual (Color Science)
LAB lab(92.5, -0.82, -0.84)
LCH lch(92.5, 1.17, 225.5°)
XYZ xyz(77.37, 81.83, 90.3)
OKLab oklab(0.935, -0.0027, -0.0022)
Accessibility (WCAG 2.1)
Aa
On White
1.21:1
Fail
Aa
On Black
17.37:1
AAA Pass
Aa
White on Color
1.21:1
Fail
Aa
Black on Color
17.37:1
AAA Pass
81.8%
Relative Luminance
0.8183
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
#EAE7E6
Complementary
of Lavender
#E6E7EA
Analogous
of Lavender
#E6EAE9
Analogous
of Lavender
#F1F3F3
Lighter Tint
of Lavender
#F1F3F3
Lighter Tint
of Lavender
#F1F3F3
Lighter Tint
of Lavender
#BCC5C7
Darker Shade
of Lavender
#93A0A5
Darker Shade
of Lavender
#6B7B80
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue
#575860
Dim Gray
3.3% Gray
Web Formats
HEX #575860
RGB 87,88,96
HSL hsl(233, 5%, 36%)
HWB hwb(233, 34%, 62%)
Print & Design
CMYK cmyk(9%, 8%, 0%, 62%)
HSV hsv(233, 9%, 38%)
Perceptual (Color Science)
LAB lab(37.57, 1.38, -4.74)
LCH lch(37.57, 4.94, 286.2°)
XYZ xyz(9.53, 9.85, 12.46)
OKLab oklab(0.4623, 0.0023, -0.0127)
Accessibility (WCAG 2.1)
Aa
On White
7.07:1
AAA Pass
Aa
On Black
2.97:1
Fail
Aa
White on Color
7.07:1
AAA Pass
Aa
Black on Color
2.97:1
Fail
9.9%
Relative Luminance
0.0985
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
#605F57
Complementary
of Dim Gray
#5B5760
Analogous
of Dim Gray
#575D60
Analogous
of Dim Gray
#7C7D88
Lighter Tint
of Dim Gray
#A4A5AD
Lighter Tint
of Dim Gray
#CCCDD1
Lighter Tint
of Dim Gray
#333338
Darker Shade
of Dim Gray
#0F0F10
Darker Shade
of Dim Gray
#0C0C0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#3E454F
Dark Slate Gray
3.1% Gray
Web Formats
HEX #3E454F
RGB 62,69,79
HSL hsl(215, 12%, 28%)
HWB hwb(215, 24%, 69%)
Print & Design
CMYK cmyk(22%, 13%, 0%, 69%)
HSV hsv(215, 22%, 31%)
Perceptual (Color Science)
LAB lab(29.02, -0.35, -6.96)
LCH lch(29.02, 6.96, 267.2°)
XYZ xyz(5.53, 5.84, 8.23)
OKLab oklab(0.3879, -0.0043, -0.0189)
Accessibility (WCAG 2.1)
Aa
On White
9.68:1
AAA Pass
Aa
On Black
2.17:1
Fail
Aa
White on Color
9.68:1
AAA Pass
Aa
Black on Color
2.17:1
Fail
5.8%
Relative Luminance
0.0584
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
#50493F
Complementary
of Dark Slate Gray
#403F50
Analogous
of Dark Slate Gray
#3F4F50
Analogous
of Dark Slate Gray
#606B7B
Lighter Tint
of Dark Slate Gray
#8792A1
Lighter Tint
of Dark Slate Gray
#B2B9C2
Lighter Tint
of Dark Slate Gray
#1D2025
Darker Shade
of Dark Slate Gray
#0B0C0E
Darker Shade
of Dark Slate Gray
#0B0C0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#90DBE3
Sky Blue
3.2% Blue
Web Formats
HEX #90DBE3
RGB 144,219,227
HSL hsl(186, 60%, 73%)
HWB hwb(186, 56%, 11%)
Print & Design
CMYK cmyk(37%, 4%, 0%, 11%)
HSV hsv(186, 37%, 89%)
Perceptual (Color Science)
LAB lab(82.99, -21.18, -11.28)
LCH lch(82.99, 23.99, 208.1°)
XYZ xyz(50.69, 62.14, 81.98)
OKLab oklab(0.8452, -0.0683, -0.0309)
Accessibility (WCAG 2.1)
Aa
On White
1.56:1
Fail
Aa
On Black
13.43:1
AAA Pass
Aa
White on Color
1.56:1
Fail
Aa
Black on Color
13.43:1
AAA Pass
62.1%
Relative Luminance
0.6214
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
#E39991
Complementary
of Sky Blue
#91B2E3
Analogous
of Sky Blue
#91E3C2
Analogous
of Sky Blue
#CEEFF3
Lighter Tint
of Sky Blue
#EBF8FA
Lighter Tint
of Sky Blue
#EBF8FA
Lighter Tint
of Sky Blue
#54C7D4
Darker Shade
of Sky Blue
#2CA2AF
Darker Shade
of Sky Blue
#1D6A72
Darker Shade
of Sky Blue
Sky Blue
Named Color
Discover the Hue
#9D9B9B
Dark Gray
2.6% Gray
Web Formats
HEX #9D9B9B
RGB 157,155,155
HSL hsl(0, 1%, 61%)
HWB hwb(0, 61%, 38%)
Print & Design
CMYK cmyk(0%, 1%, 1%, 38%)
HSV hsv(0, 1%, 62%)
Perceptual (Color Science)
LAB lab(64.14, 0.72, 0.26)
LCH lch(64.14, 0.77, 19.5°)
XYZ xyz(31.54, 32.98, 35.71)
OKLab oklab(0.6912, 0.0022, 0.0007)
Accessibility (WCAG 2.1)
Aa
On White
2.76:1
Fail
Aa
On Black
7.60:1
AAA Pass
Aa
White on Color
2.76:1
Fail
Aa
Black on Color
7.60:1
AAA Pass
33.0%
Relative Luminance
0.3298
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
#9B9D9D
Complementary
of Dark Gray
#9D9C9B
Analogous
of Dark Gray
#9D9B9C
Analogous
of Dark Gray
#C2C1C1
Lighter Tint
of Dark Gray
#E8E8E8
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#767474
Darker Shade
of Dark Gray
#504E4E
Darker Shade
of Dark Gray
#292828
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue

The colors presented here were analyzed from Desdorp's award-winning project "Self Service Checkout".

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 2021

About the Award

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

Self Service Checkout has been recognized with the Silver A' Wholesale, Retail Trade, Commerce and E-Commerce Design Award in 2021. The A' Design Award is an internationally acknowledged design competition that recognizes outstanding creative accomplishment. Laureates are chosen through comprehensive judging by industry experts comprising academics, professionals and press members. The Silver status indicates commendable design excellence as assessed by the judging body.

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 Self Service Checkout

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

Self Service Checkout - View 2
D3CFCB
DFDFDE
1E5370
266586
BEBAB6
A8A39E
7B7979
3180AA
Self Service Checkout • View 2
Self Service Checkout - View 3
01717A
015F67
B22429
018A97
868587
AAA7A6
02545C
131219
Self Service Checkout • View 3
Self Service Checkout - View 4
E2E2E1
F1F1F0
C0C0BD
175982
1F6DA1
AFAFAC
D0D0CF
3D3D3F
Self Service Checkout • View 4
Self Service Checkout - View 5
8B080C
D9DBDE
C50B16
A3A9AE
BABDC3
B3A492
E7E9EB
9D8F86
Self Service Checkout • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Tipit
3A3A3D
DFDFE0
EEEEEE
B0B0B1
C6C6C7
242425
5C5E62
979799
Tipit
134,772 ID#127554
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