Macys Website Color Palette | Color Chips
Color Chips

Color Palette

Macys Website — Redesign

E6E1DD
Copy As
HEX #E6E1DD
RGB rgb(230,225,221)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
34140F
Copy As
HEX #34140F
RGB rgb(52,20,15)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
EFEFEF
Copy As
HEX #EFEFEF
RGB rgb(239,239,239)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
582C1A
Copy As
HEX #582C1A
RGB rgb(88,44,26)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
754830
Copy As
HEX #754830
RGB rgb(117,72,48)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
D2D1D1
Copy As
HEX #D2D1D1
RGB rgb(210,209,209)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
140B08
Copy As
HEX #140B08
RGB rgb(20,11,8)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
8B6246
Copy As
HEX #8B6246
RGB rgb(139,98,70)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
#E6E1DD
#34140F
#EFEFEF
#582C1A
#754830
#D2D1D1
#140B08
#8B6246
Macys Website

This palette was extracted from

Macys Website

Award-Winning Redesign

About the Design

This design features Gainsboro, Black, White Smoke, Saddle Brown, Light Gray, and Sienna.

About the Award-Winning Redesign: Macy's website allows customers to shop Macy's offerings online, and includes a host of shopping and style-oriented features. In 2019, Macy's website was redesigned with a clean, simple, and fashion-inspired design. As a result, user engagement increased dramatically following the launch of the new design.

This palette has a cozy feel, evoking comfort and energy.

View at A' Design Award

Macys Website, the design behind this palette, was designed by Willy Lai.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#E6E1DD
Gainsboro
26.0% Gray
Web Formats
HEX #E6E1DD
RGB 230,225,221
HSL hsl(27, 15%, 88%)
HWB hwb(27, 87%, 10%)
Print & Design
CMYK cmyk(0%, 2%, 4%, 10%)
HSV hsv(27, 4%, 90%)
Perceptual (Color Science)
LAB lab(89.81, 0.99, 2.55)
LCH lch(89.81, 2.74, 68.7°)
XYZ xyz(72.61, 75.89, 79.22)
OKLab oklab(0.9125, 0.0037, 0.0068)
Accessibility (WCAG 2.1)
Aa
On White
1.30:1
Fail
Aa
On Black
16.18:1
AAA Pass
Aa
White on Color
1.30:1
Fail
Aa
Black on Color
16.18:1
AAA Pass
75.9%
Relative Luminance
0.7589
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
#DCE1E5
Complementary
of Gainsboro
#E5E5DC
Analogous
of Gainsboro
#E5DCDC
Analogous
of Gainsboro
#F4F2F0
Lighter Tint
of Gainsboro
#F4F2F0
Lighter Tint
of Gainsboro
#F4F2F0
Lighter Tint
of Gainsboro
#C4B9B0
Darker Shade
of Gainsboro
#A49284
Darker Shade
of Gainsboro
#7E6C5D
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#34140F
Black
22.7% Black
Web Formats
HEX #34140F
RGB 52,20,15
HSL hsl(8, 55%, 13%)
HWB hwb(8, 6%, 80%)
Print & Design
CMYK cmyk(0%, 62%, 71%, 80%)
HSV hsv(8, 71%, 20%)
Perceptual (Color Science)
LAB lab(11.03, 15.59, 10.38)
LCH lch(11.03, 18.73, 33.7°)
XYZ xyz(1.75, 1.27, 0.6)
OKLab oklab(0.2389, 0.0456, 0.0269)
Accessibility (WCAG 2.1)
Aa
On White
16.76:1
AAA Pass
Aa
On Black
1.25:1
Fail
Aa
White on Color
16.76:1
AAA Pass
Aa
Black on Color
1.25:1
Fail
1.3%
Relative Luminance
0.0126
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
#0F2F33
Complementary
of Black
#33260F
Analogous
of Black
#330F1C
Analogous
of Black
#6F2B20
Lighter Tint
of Black
#AA4131
Lighter Tint
of Black
#CF6959
Lighter Tint
of Black
#140806
Darker Shade
of Black
#140806
Darker Shade
of Black
#140806
Darker Shade
of Black
Black
Named Color
Discover the Hue
#EFEFEF
White Smoke
17.3% White
Web Formats
HEX #EFEFEF
RGB 239,239,239
HSL hsl(0, 0%, 94%)
HWB hwb(0, 94%, 6%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 6%)
HSV hsv(0, 0%, 94%)
Perceptual (Color Science)
LAB lab(94.45, -0, 0)
LCH lch(94.45, 0, 158.2°)
XYZ xyz(82.04, 86.32, 93.98)
OKLab oklab(0.9521, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.15:1
Fail
Aa
On Black
18.26:1
AAA Pass
Aa
White on Color
1.15:1
Fail
Aa
Black on Color
18.26:1
AAA Pass
86.3%
Relative Luminance
0.8632
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
#F0F0F0
Complementary
of White Smoke
#F0F0F0
Analogous
of White Smoke
#F0F0F0
Analogous
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#C9C9C9
Darker Shade
of White Smoke
#A3A3A3
Darker Shade
of White Smoke
#7D7D7D
Darker Shade
of White Smoke
White Smoke
Named Color
Discover the Hue
#582C1A
Saddle Brown
9.4% Brown
Web Formats
HEX #582C1A
RGB 88,44,26
HSL hsl(17, 54%, 22%)
HWB hwb(17, 10%, 65%)
Print & Design
CMYK cmyk(0%, 50%, 70%, 65%)
HSV hsv(17, 70%, 35%)
Perceptual (Color Science)
LAB lab(23.51, 18.44, 20.49)
LCH lch(23.51, 27.56, 48°)
XYZ xyz(5.11, 3.95, 1.47)
OKLab oklab(0.3475, 0.0524, 0.0478)
Accessibility (WCAG 2.1)
Aa
On White
11.73:1
AAA Pass
Aa
On Black
1.79:1
Fail
Aa
White on Color
11.73:1
AAA Pass
Aa
Black on Color
1.79:1
Fail
4.0%
Relative Luminance
0.0395
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
#1A4556
Complementary
of Saddle Brown
#56491A
Analogous
of Saddle Brown
#561A27
Analogous
of Saddle Brown
#91482B
Lighter Tint
of Saddle Brown
#C76843
Lighter Tint
of Saddle Brown
#D8977D
Lighter Tint
of Saddle Brown
#1B0E08
Darker Shade
of Saddle Brown
#140A06
Darker Shade
of Saddle Brown
#140A06
Darker Shade
of Saddle Brown
Saddle Brown
Named Color
Discover the Hue
#754830
Saddle Brown
8.2% Brown
Web Formats
HEX #754830
RGB 117,72,48
HSL hsl(21, 42%, 32%)
HWB hwb(21, 19%, 54%)
Print & Design
CMYK cmyk(0%, 38%, 59%, 54%)
HSV hsv(21, 59%, 46%)
Perceptual (Color Science)
LAB lab(35.26, 16.55, 22.32)
LCH lch(35.26, 27.78, 53.4°)
XYZ xyz(10.19, 8.63, 3.93)
OKLab oklab(0.4481, 0.0477, 0.0536)
Accessibility (WCAG 2.1)
Aa
On White
7.70:1
AAA Pass
Aa
On Black
2.73:1
Fail
Aa
White on Color
7.70:1
AAA Pass
Aa
Black on Color
2.73:1
Fail
8.6%
Relative Luminance
0.0863
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
#2F5C74
Complementary
of Saddle Brown
#746A2F
Analogous
of Saddle Brown
#742F3A
Analogous
of Saddle Brown
#AA6946
Lighter Tint
of Saddle Brown
#C79275
Lighter Tint
of Saddle Brown
#DDBDAC
Lighter Tint
of Saddle Brown
#3E2619
Darker Shade
of Saddle Brown
#120B07
Darker Shade
of Saddle Brown
#120B07
Darker Shade
of Saddle Brown
Saddle Brown
Named Color
Discover the Hue
#D2D1D1
Light Gray
6.3% Gray
Web Formats
HEX #D2D1D1
RGB 210,209,209
HSL hsl(0, 1%, 82%)
HWB hwb(0, 82%, 18%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 18%)
HSV hsv(0, 0%, 82%)
Perceptual (Color Science)
LAB lab(83.92, 0.34, 0.12)
LCH lch(83.92, 0.36, 19.4°)
XYZ xyz(60.89, 63.91, 69.44)
OKLab oklab(0.8615, 0.0011, 0.0003)
Accessibility (WCAG 2.1)
Aa
On White
1.52:1
Fail
Aa
On Black
13.78:1
AAA Pass
Aa
White on Color
1.52:1
Fail
Aa
Black on Color
13.78:1
AAA Pass
63.9%
Relative Luminance
0.6391
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
#D1D2D2
Complementary
of Light Gray
#D2D1D1
Analogous
of Light Gray
#D2D1D1
Analogous
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#F2F2F2
Lighter Tint
of Light Gray
#ACAAAA
Darker Shade
of Light Gray
#868383
Darker Shade
of Light Gray
#5F5D5D
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#140B08
Black
5.3% Black
Web Formats
HEX #140B08
RGB 20,11,8
HSL hsl(15, 43%, 5%)
HWB hwb(15, 3%, 92%)
Print & Design
CMYK cmyk(0%, 45%, 60%, 92%)
HSV hsv(15, 60%, 8%)
Perceptual (Color Science)
LAB lab(3.66, 2.72, 2.25)
LCH lch(3.66, 3.53, 39.6°)
XYZ xyz(0.45, 0.41, 0.28)
OKLab oklab(0.1611, 0.0132, 0.0111)
Accessibility (WCAG 2.1)
Aa
On White
19.42:1
AAA Pass
Aa
On Black
1.08:1
Fail
Aa
White on Color
19.42:1
AAA Pass
Aa
Black on Color
1.08:1
Fail
0.4%
Relative Luminance
0.0041
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
#070F12
Complementary
of Black
#120F07
Analogous
of Black
#12070A
Analogous
of Black
#49281D
Lighter Tint
of Black
#804633
Lighter Tint
of Black
#B66449
Lighter Tint
of Black
#120A07
Darker Shade
of Black
#120A07
Darker Shade
of Black
#120A07
Darker Shade
of Black
Black
Named Color
Discover the Hue
#8B6246
Sienna
4.7% Brown
Web Formats
HEX #8B6246
RGB 139,98,70
HSL hsl(24, 33%, 41%)
HWB hwb(24, 27%, 45%)
Print & Design
CMYK cmyk(0%, 29%, 50%, 45%)
HSV hsv(24, 50%, 55%)
Perceptual (Color Science)
LAB lab(45.18, 13.09, 22.5)
LCH lch(45.18, 26.03, 59.8°)
XYZ xyz(16.12, 14.67, 7.78)
OKLab oklab(0.5323, 0.0385, 0.0552)
Accessibility (WCAG 2.1)
Aa
On White
5.34:1
AA Pass
Aa
On Black
3.93:1
Large Only
Aa
White on Color
5.34:1
AA Pass
Aa
Black on Color
3.93:1
Large Only
14.7%
Relative Luminance
0.1467
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
#466F8B
Complementary
of Sienna
#8B8446
Analogous
of Sienna
#8B464D
Analogous
of Sienna
#B4876A
Lighter Tint
of Sienna
#CDB09D
Lighter Tint
of Sienna
#E7D9D0
Lighter Tint
of Sienna
#583E2C
Darker Shade
of Sienna
#251A13
Darker Shade
of Sienna
#110C09
Darker Shade
of Sienna
Sienna
Named Color
Discover the Hue

This color palette was derived from Willy Lai's award-winning project "Macys Website".

Willy Lai

About the Designer

Willy Lai

Willy Lai is a distinguished creative director honored by the A' Design Award. Their portfolio demonstrates expertise in design and visual communication.

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

Explore Lai's Palettes View Lai's Profile
Golden A' Website and Web Design Award 2020

About the Award

Golden A' Website and Web Design Award 2020

Macys Website received recognition with the Golden A' Website and Web Design Award in 2020. 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 representing multiple disciplines. The Golden status indicates commendable design excellence as assessed by the judging body.

A' Website and Web Design Award

Elevate your digital presence with cutting-edge website and web design entries. The web award category highlights exceptional user experience, innovative interface design, and seamless functionality.

Recognizes: Web Design, Portfolios, E-Commerce Sites, Blogs, News Websites, Social Media Platforms, Educational Websites, Non-Profit Websites, Personal Websites and More.
Learn More About A' Website and Web Design Award View at A' Design Award

More Palettes from Macys Website

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

Macys Website - View 2
E9E9E8
D6D5D5
2E2A2C
534139
695A53
C7BAB3
86746B
EAD0C3
Macys Website • View 2
Macys Website - View 3
E9E9E9
D5D4D4
514548
938D8C
ACA3A0
E9CBB9
C5C1C0
7E716E
Macys Website • View 3
Macys Website - View 4
E8E8E8
D4D4D4
C3C2C2
828080
AFA9AC
000000
A0AEC7
A1999A
Macys Website • View 4
Macys Website - View 5
E8E8E8
D4D4D4
7D7D7D
FAD4D6
B7AFB2
C2C2C5
938E8D
131313
Macys Website • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Dotline Branding
FDFDFD
FB1718
FBFB18
E7E7EA
FC3838
C7C7C8
9C9C9D
3F3F3F
Dotline Branding
94,318 ID#168462
Baidu Smart City
05172F
0B2844
133753
0B3D62
1A4962
11546D
A6A7A7
0D111B
Baidu Smart City
657,841 ID#149175
Kolektif
E1E0E2
F0EFF2
F0CED0
A7ACB3
CAC8CA
F0B5B7
E0383A
E56F68
Kolektif
560,023 ID#135791
Inspiration
0F1013
232A4C
2E3762
1B1D2B
344A73
020103
495F7F
323132
Inspiration
81,057 ID#117306
S5 Studios
053363
0C3D76
052444
094B96
1459AE
1D4B7A
1D5B98
163150
S5 Studios
94,165 ID#109845
Coreintive
FCFCFC
070708
CFCFD0
434247
59585A
333237
B7B7B8
242327
Coreintive
83,246 ID#92824
Embrasse Moi
9F846E
A3978F
857466
918782
4F4742
AFB0B6
2A2829
6B5B4F
Embrasse Moi
822,660 ID#149079
Seongdong Smart Shelter
11100F
302318
513723
6C3C19
654E37
AE632E
D9924A
4D2B14
Seongdong Smart Shelter
713,025 ID#161636
Conch
726B5F
847D73
E2E2E1
59554E
969088
020306
C5C1BE
ABA7A1
Conch
1,008,147 ID#162196
160X 6 Pro
53B3C8
E8DBD6
E4C6B7
F0EDF0
EE9C66
E67942
CBC680
D0AA95
160X 6 Pro
833,311 ID#162482
Xingshufu Banouet
521007
511D11
853312
6D200D
A14316
3E0905
0B0202
564335
Xingshufu Banouet
2,900,129 ID#162641
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
China Overseas Yongding Jiuli
849,424 ID#162656