#8D5366

#8D5366

Color Values

HEX

#8D5366

RGB

141, 83, 102

HSL

340.3, 25.9%, 43.9%

HSV

340.3, 41.1%, 55.3%

CMYK

0.0%, 41.1%, 27.7%, 44.7%

OKLCH

0.5145 0.0808 359.3

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#8D5366

#538D7A

Analogous

#8D5383

#8D5D53

#8D5366

Triadic

#8D5366

#668D53

#53668D

Split Complementary

#8D5366

#538D5D

#53838D

Tetradic

#8D5366

#838D53

#538D7A

#5D538D

Color Blindness Simulation

Original

#8D5366

Protanopia

#747361

Deuteranopia

#777C60

Tritanopia

#8A5E5D

Achromatopsia

#616161

CSS Usage

background-color: #8D5366;
color: #8D5366;
border-color: #8D5366;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2D8
300
#D2B2BC
400
#B98898
500
#A15E74
600
#804C5D
700
#673C4A
800
#502F3A
900
#3C252D
950
#26171C

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026