Coloried

Marsala

Marsala color is a soft shade of muted brown. Its hex code is #B57170 and rgb code is rgb(181, 113, 112), Its CMYK value is cmyk(0%, 38%, 38%, 29%), and Its HSL value is hsl(1, 32%, 57%). Against white, its contrast ratio of 3.78:1, while against black, the contrast ratio is 5.56:1. Its complementary color is #6EB3B4 and closest tailwind color is stone-500. This color goes well with #5B462F, #5B2F44, #281515, #407D5F, and #405D7D. To recreate the Marsala color, you can mix #FF0000 and #6BE2E0.

Marsala color code
|
1. Color Conversions
HEX#B57170
RGB181, 113, 112
HSL1°, 32%, 57%
HSV1°, 32%, 71%
CMYK0%, 38%, 38%, 29%
Web Safe#CC6666
2. Contrast Ratio
Text on #FFFFFF3.78:1
AAA LargeFail Normal
Text on #0000005.56:1
AAA LargeAAA Normal
3. Marsala Color Code in CSS
HEX
#B57170
RGB
rgb(181, 113, 112)
HSL
hsl(1, 32%, 57%)
Text Color
color: #B57170;
Background
background-color: #B57170;
Border Color
border-color: #B57170;
Box Shadow
box-shadow: 0 4px 14px 0 #B5717080;
SCSS
$color-marsala: #B57170;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#989770
Deuteranopia#9CA170
Tritanopia#B27070
Achromatopsia#858585
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive