#8F3780

#8F3780

Color Values

HEX

#8F3780

RGB

143, 55, 128

HSL

310.2, 44.4%, 38.8%

HSV

310.2, 61.5%, 56.1%

CMYK

0.0%, 61.5%, 10.5%, 43.9%

OKLCH

0.4855 0.1486 334.8

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#8F3780

#378F46

Analogous

#72378F

#8F3754

#8F3780

Triadic

#8F3780

#808F37

#37808F

Split Complementary

#8F3780

#548F37

#378F72

Tetradic

#8F3780

#8F7237

#378F46

#37548F

Color Blindness Simulation

Original

#8F3780

Protanopia

#69686E

Deuteranopia

#6E756A

Tritanopia

#8B605D

Achromatopsia

#4F4F4F

CSS Usage

background-color: #8F3780;
color: #8F3780;
border-color: #8F3780;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#EBCBE6
300
#DDA7D4
400
#CB77BC
500
#B847A5
600
#933984
700
#762D6A
800
#5C2352
900
#441D3D
950
#2B1227

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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