#9D577C

#9D577C

Color Values

HEX

#9D577C

RGB

157, 87, 124

HSL

328.3, 28.7%, 47.8%

HSV

328.3, 44.6%, 61.6%

CMYK

0.0%, 44.6%, 21.0%, 38.4%

OKLCH

0.5499 0.1031 348.1

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#9D577C

#579D78

Analogous

#9B579D

#9D5759

#9D577C

Triadic

#9D577C

#7C9D57

#577C9D

Split Complementary

#9D577C

#599D57

#579D9B

Tetradic

#9D577C

#9D9B57

#579D78

#57599D

Color Blindness Simulation

Original

#9D577C

Protanopia

#7F7E73

Deuteranopia

#838871

Tritanopia

#9A6C6A

Achromatopsia

#696969

CSS Usage

background-color: #9D577C;
color: #9D577C;
border-color: #9D577C;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F5F7
100
#F2E9ED
200
#E6D1DC
300
#D3B0C3
400
#BC86A2
500
#A45B82
600
#834968
700
#693A53
800
#522D41
900
#3D2431
950
#27171F

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

4.09: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