#8F4180

#8F4180

Color Values

HEX

#8F4180

RGB

143, 65, 128

HSL

311.5, 37.5%, 40.8%

HSV

311.5, 54.5%, 56.1%

CMYK

0.0%, 54.5%, 10.5%, 43.9%

OKLCH

0.4988 0.1324 335.3

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#8F4180

#418F50

Analogous

#77418F

#8F4159

#8F4180

Triadic

#8F4180

#808F41

#41808F

Split Complementary

#8F4180

#598F41

#418F77

Tetradic

#8F4180

#8F7741

#418F50

#41598F

Color Blindness Simulation

Original

#8F4180

Protanopia

#6D6D71

Deuteranopia

#72786D

Tritanopia

#8B6562

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F1
200
#E9CEE4
300
#D9ABD0
400
#C47DB6
500
#AF509D
600
#8C407E
700
#703364
800
#58284E
900
#41203B
950
#291425

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

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