#984996

#984996

Color Values

HEX

#984996

RGB

152, 73, 150

HSL

301.5, 35.1%, 44.1%

HSV

301.5, 52.0%, 59.6%

CMYK

0.0%, 52.0%, 1.3%, 40.4%

OKLCH

0.5331 0.1448 328.3

Properties

Warm Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#984996

#49984B

Analogous

#724998

#98496E

#984996

Triadic

#984996

#969849

#499698

Split Complementary

#984996

#6E9849

#499872

Tetradic

#984996

#987249

#49984B

#496E98

Color Blindness Simulation

Original

#984996

Protanopia

#767583

Deuteranopia

#7A807F

Tritanopia

#947571

Achromatopsia

#5F5F5F

CSS Usage

background-color: #984996;
color: #984996;
border-color: #984996;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5FA
100
#F2E8F2
200
#E8CFE7
300
#D7ACD6
400
#C280C0
500
#AC53AA
600
#8A4288
700
#6E356D
800
#562955
900
#40213F
950
#281528

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

3.73:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026