#984F77

#984F77

Color Values

HEX

#984F77

RGB

152, 79, 119

HSL

327.1, 31.6%, 45.3%

HSV

327.1, 48.0%, 59.6%

CMYK

0.0%, 48.0%, 21.7%, 40.4%

OKLCH

0.5284 0.1091 347.4

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#984F77

#4F9870

Analogous

#944F98

#984F53

#984F77

Triadic

#984F77

#77984F

#4F7798

Split Complementary

#984F77

#53984F

#4F9894

Tetradic

#984F77

#98944F

#4F9870

#4F5398

Color Blindness Simulation

Original

#984F77

Protanopia

#78786D

Deuteranopia

#7D826B

Tritanopia

#946664

Achromatopsia

#616161

CSS Usage

background-color: #984F77;
color: #984F77;
border-color: #984F77;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F5F8
100
#F2E8EE
200
#E7D0DC
300
#D5AEC4
400
#BE83A4
500
#A85783
600
#864669
700
#6B3854
800
#542C42
900
#3E2332
950
#27161F

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

3.72:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026