Marsala

#964F4C

What color is Marsala?

Marsala is a deep, muted brownish-red with warm, earthy undertones, hex #964F4C, close to the color of dried terracotta clay. It has enough brown in it to feel grounded rather than vivid, with a softness that sets it apart from brighter reds.

What is the meaning of the color Marsala?

A port city in western Sicily gives this color its name — Marsala wine, made in the region since the late 18th century, carries the same deep reddish-brown hue. The color gained broad recognition in 2015 when Pantone named Marsala its Color of the Year, describing it as a naturally robust and earthy wine red. That selection brought it into fashion, interiors, and product design, and Pantone’s annual choice functions as a documented industry benchmark tracked by designers and manufacturers worldwide.

RGB
150, 79, 76
HSL
2°, 33%, 44%
CMYK
0, 47, 49, 41
HSV
2°, 49%, 59%
Marsala color

What colors go with Marsala?

Colors that pair well with Marsala include:
Blush pink: soft, warm contrast
Navy blue: deep, grounding balance
Gold: rich, warm accent
Ivory: light, neutral softness
Forest green: earthy, natural depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #964F4C color: #964F4C;
RGB 150, 79, 76 color: rgb(150, 79, 76);
RGB Percentage 59%, 31%, 30% color: rgb(59%, 31%, 30%);
CMYK 0%, 47%, 49%, 41% Not supported in CSS
HSL 2°, 33%, 44% color: hsl(2, 33%, 44%);
HSV 2°, 49%, 59% Not supported in CSS
CIE-LAB 35, 14, 1 color: lab(35% 14 1);
Decimal 9850700 Not supported in CSS

Color Variations

Shades

#954E4B
#864644
#773E3C
#683635
#5A2F2D
#4B2726
#3C1F1E
#2D1717

Tints

#E2C7C6
#D9B4B3
#CFA2A0
#C68F8D
#BC7C7A
#B26A67
#A85855
#954E4B

Tones

#954E4B
#92514F
#8E5553
#8A5856
#865B5A
#835F5E
#7F6261
#7B6665

Hues

#954E4B
#95854B
#6E954B
#4B9560
#4B9395
#4B5B95
#734B95
#954B80

Color Harmonies

Analogous

#954B6E
Click to copy
95%
#964F4C
Click to copy
#95734B
Click to copy

Complementary

#964F4C
Click to copy
#4B9395
Click to copy
97%

Split Complementary

#964F4C
Click to copy
#4B9573
Click to copy
#4B6E95
Click to copy

Triadic

#964F4C
Click to copy
#4B954E
Click to copy
#4E4B95
Click to copy

Tetradic

#964F4C
Click to copy
#6E954B
Click to copy
#4B9395
Click to copy
97%
#734B95
Click to copy

Square

#964F4C
Click to copy
#6E954B
Click to copy
#4B9395
Click to copy
97%
#734B95
Click to copy

CSS & Dev Snippets

CSS
.marsala {
  color: #964F4C;
}
SCSS
$marsala: #964F4C;
RGB
rgb(150, 79, 76)

Accessibility & Contrast

White background

5.97:1
5.97
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

3.52:1
3.52
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags