#96576C

#96576C

Color Values

HEX

#96576C

RGB

150, 87, 108

HSL

340.0, 26.6%, 46.5%

HSV

340.0, 42.0%, 58.8%

CMYK

0.0%, 42.0%, 28.0%, 41.2%

OKLCH

0.5352 0.087 359.1

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#96576C

#579681

Analogous

#96578C

#966257

#96576C

Triadic

#96576C

#6C9657

#576C96

Split Complementary

#96576C

#579662

#578C96

Tetradic

#96576C

#8C9657

#579681

#625796

Color Blindness Simulation

Original

#96576C

Protanopia

#7B7A67

Deuteranopia

#7E8366

Tritanopia

#936362

Achromatopsia

#666666

CSS Usage

background-color: #96576C;
color: #96576C;
border-color: #96576C;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2D8
300
#D2B2BC
400
#BA8898
500
#A15E74
600
#814B5D
700
#673C4A
800
#512F3A
900
#3C252D
950
#26171C

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

3.88:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026