Marsala

#964F4C
RGB
150, 79, 76
HSL
2°, 33%, 44%
CMYK
0, 47, 49, 41
HSV
2°, 49%, 59%

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