#8F6481

#8F6481

Color Values

HEX

#8F6481

RGB

143, 100, 129

HSL

319.5, 17.7%, 47.6%

HSV

319.5, 30.1%, 56.1%

CMYK

0.0%, 30.1%, 9.8%, 43.9%

OKLCH

0.5576 0.0687 339.2

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#8F6481

#648F72

Analogous

#87648F

#8F646B

#8F6481

Triadic

#8F6481

#818F64

#64818F

Split Complementary

#8F6481

#6B8F64

#648F87

Tetradic

#8F6481

#8F8764

#648F72

#646B8F

Color Blindness Simulation

Original

#8F6481

Protanopia

#7C7C7A

Deuteranopia

#7F8278

Tritanopia

#8D7473

Achromatopsia

#6F6F6F

CSS Usage

background-color: #8F6481;
color: #8F6481;
border-color: #8F6481;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E2D5DE
300
#CDB7C6
400
#B190A6
500
#966987
600
#78546C
700
#604357
800
#4B3444
900
#382933
950
#231A20

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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