#8F2896

#8F2896

Color Values

HEX

#8F2896

RGB

143, 40, 150

HSL

296.2, 57.9%, 37.3%

HSV

296.2, 73.3%, 58.8%

CMYK

4.7%, 73.3%, 0.0%, 41.2%

OKLCH

0.4818 0.187 325.2

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#8F2896

#2F9628

Analogous

#582896

#962866

#8F2896

Triadic

#8F2896

#968F28

#28968F

Split Complementary

#8F2896

#669628

#289658

Tetradic

#8F2896

#965828

#2F9628

#286696

Color Blindness Simulation

Original

#8F2896

Protanopia

#62627B

Deuteranopia

#687075

Tritanopia

#8A6662

Achromatopsia

#464646

CSS Usage

background-color: #8F2896;
color: #8F2896;
border-color: #8F2896;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FB
100
#F5E4F6
200
#EDC7F0
300
#E19EE5
400
#D06AD7
500
#C036C9
600
#9A2BA1
700
#7B2281
800
#601B65
900
#46174A
950
#2D0F2F

Contrast Checker

Text on white

7.21:1

AA Pass AAA Pass

Text on black

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