#8F2F80

#8F2F80

Color Values

HEX

#8F2F80

RGB

143, 47, 128

HSL

309.4, 50.5%, 37.3%

HSV

309.4, 67.1%, 56.1%

CMYK

0.0%, 67.1%, 10.5%, 43.9%

OKLCH

0.4762 0.1603 334.6

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#8F2F80

#2F8F3E

Analogous

#6E2F8F

#8F2F50

#8F2F80

Triadic

#8F2F80

#808F2F

#2F808F

Split Complementary

#8F2F80

#508F2F

#2F8F6E

Tetradic

#8F2F80

#8F6E2F

#2F8F3E

#2F508F

Color Blindness Simulation

Original

#8F2F80

Protanopia

#65656C

Deuteranopia

#6B7268

Tritanopia

#8A5D5A

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F2
200
#EDC9E8
300
#E1A3D7
400
#D071C1
500
#C03FAC
600
#9A3289
700
#7B286E
800
#602056
900
#461A40
950
#2D1128

Contrast Checker

Text on white

7.28:1

AA Pass AAA Pass

Text on black

2.89:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026