#8F50C2

#8F50C2

Color Values

HEX

#8F50C2

RGB

143, 80, 194

HSL

273.2, 48.3%, 53.7%

HSV

273.2, 58.8%, 76.1%

CMYK

26.3%, 58.8%, 0.0%, 23.9%

OKLCH

0.557 0.1757 307.1

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#8F50C2

#83C250

Analogous

#5650C2

#C250BC

#8F50C2

Triadic

#8F50C2

#C28F50

#50C28F

Split Complementary

#8F50C2

#BCC250

#50C256

Tetradic

#8F50C2

#C25650

#83C250

#50BCC2

Color Blindness Simulation

Original

#8F50C2

Protanopia

#7473A6

Deuteranopia

#777CA0

Tritanopia

#8C918C

Achromatopsia

#666666

CSS Usage

background-color: #8F50C2;
color: #8F50C2;
border-color: #8F50C2;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCAED
300
#C5A4DF
400
#A673CE
500
#8642BD
600
#6B3597
700
#562A79
800
#43215F
900
#331B46
950
#20112C

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

4.09:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026