#8F4FC7

#8F4FC7

Color Values

HEX

#8F4FC7

RGB

143, 79, 199

HSL

272.0, 51.7%, 54.5%

HSV

272.0, 60.3%, 78.0%

CMYK

28.1%, 60.3%, 0.0%, 22.0%

OKLCH

0.5588 0.1828 305.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#8F4FC7

#87C74F

Analogous

#534FC7

#C74FC3

#8F4FC7

Triadic

#8F4FC7

#C78F4F

#4FC78F

Split Complementary

#8F4FC7

#C3C74F

#4FC753

Tetradic

#8F4FC7

#C7534F

#87C74F

#4FC3C7

Color Blindness Simulation

Original

#8F4FC7

Protanopia

#7373AA

Deuteranopia

#777CA3

Tritanopia

#8C938E

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DDC9EE
300
#C4A2E1
400
#A470D1
500
#843EC1
600
#6A319B
700
#54277C
800
#421F61
900
#321A47
950
#20102D

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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