#8F4AD3

#8F4AD3

Color Values

HEX

#8F4AD3

RGB

143, 74, 211

HSL

270.2, 60.9%, 55.9%

HSV

270.2, 64.9%, 82.7%

CMYK

32.2%, 64.9%, 0.0%, 17.3%

OKLCH

0.5602 0.2031 303.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#8F4AD3

#8ED34A

Analogous

#4B4AD3

#D34AD3

#8F4AD3

Triadic

#8F4AD3

#D38F4A

#4AD38F

Split Complementary

#8F4AD3

#D3D34A

#4AD34B

Tetradic

#8F4AD3

#D34B4A

#8ED34A

#4AD3D3

Color Blindness Simulation

Original

#8F4AD3

Protanopia

#7171B2

Deuteranopia

#757AAA

Tritanopia

#8C9892

Achromatopsia

#636363

CSS Usage

background-color: #8F4AD3;
color: #8F4AD3;
border-color: #8F4AD3;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DBC6F1
300
#C29DE7
400
#A167DA
500
#8032CD
600
#6628A4
700
#522083
800
#401967
900
#31164B
950
#1F0E2F

Contrast Checker

Text on white

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