#8F4CD4

#8F4CD4

Color Values

HEX

#8F4CD4

RGB

143, 76, 212

HSL

269.6, 61.3%, 56.5%

HSV

269.6, 64.2%, 83.1%

CMYK

32.5%, 64.2%, 0.0%, 16.9%

OKLCH

0.5635 0.2015 303.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#8F4CD4

#91D44C

Analogous

#4C4DD4

#D34CD4

#8F4CD4

Triadic

#8F4CD4

#D48F4C

#4CD48F

Split Complementary

#8F4CD4

#D4D34C

#4DD44C

Tetradic

#8F4CD4

#D44C4D

#91D44C

#4CD4D3

Color Blindness Simulation

Original

#8F4CD4

Protanopia

#7271B3

Deuteranopia

#767BAB

Tritanopia

#8C9993

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DBC5F1
300
#C19CE7
400
#A067DA
500
#7E31CE
600
#6527A5
700
#512084
800
#3F1967
900
#30164B
950
#1E0E2F

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

4.15:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026