#8F2C97

#8F2C97

Color Values

HEX

#8F2C97

RGB

143, 44, 151

HSL

295,5, 54,9%, 38,2%

HSV

295,5, 70,9%, 59,2%

CMYK

5,3%, 70,9%, 0,0%, 40,8%

OKLCH

0,4861 0,1832 324,7

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#8F2C97

#34972C

Analogous

#592C97

#972C69

#8F2C97

Triadic

#8F2C97

#978F2C

#2C978F

Split Complementary

#8F2C97

#69972C

#2C9759

Tetradic

#8F2C97

#97592C

#34972C

#2C6997

Color Blindness Simulation

Original

#8F2C97

Protanopia

#64637D

Deuteranopia

#6A7177

Tritanopia

#8A6964

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#ECC8EF
300
#DEA0E3
400
#CD6DD4
500
#BB3AC5
600
#962E9E
700
#78257E
800
#5D1D63
900
#451948
950
#2B0F2E

Contrast Checker

Text on white

7,06:1

AA Pass AAA Pass

Text on black

2,98: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