#9D536F

#9D536F

Color Values

HEX

#9D536F

RGB

157, 83, 111

HSL

337.3, 30.8%, 47.1%

HSV

337.3, 47.1%, 61.6%

CMYK

0.0%, 47.1%, 29.3%, 38.4%

OKLCH

0.5388 0.1031 357.1

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#9D536F

#539D81

Analogous

#9D5394

#9D5C53

#9D536F

Triadic

#9D536F

#6F9D53

#536F9D

Split Complementary

#9D536F

#539D5C

#53949D

Tetradic

#9D536F

#949D53

#539D81

#5C539D

Color Blindness Simulation

Original

#9D536F

Protanopia

#7D7C68

Deuteranopia

#818767

Tritanopia

#996362

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E8EC
200
#E6D0D9
300
#D5AFBD
400
#BE849A
500
#A75876
600
#85475E
700
#6B384B
800
#532C3B
900
#3E232D
950
#27161D

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

3.9:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026