#9D557F

#9D557F

Color Values

HEX

#9D557F

RGB

157, 85, 127

HSL

325.0, 29.8%, 47.5%

HSV

325.0, 45.9%, 61.6%

CMYK

0.0%, 45.9%, 19.1%, 38.4%

OKLCH

0.5477 0.1087 345.3

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#9D557F

#559D73

Analogous

#97559D

#9D555B

#9D557F

Triadic

#9D557F

#7F9D55

#557F9D

Split Complementary

#9D557F

#5B9D55

#559D97

Tetradic

#9D557F

#9D9755

#559D73

#555B9D

Color Blindness Simulation

Original

#9D557F

Protanopia

#7E7D75

Deuteranopia

#828772

Tritanopia

#996D6B

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F2E9EE
200
#E6D1DD
300
#D4B0C5
400
#BD85A5
500
#A55A86
600
#84486B
700
#6A3956
800
#532D43
900
#3D2333
950
#271620

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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