#8F4FF2

#8F4FF2

Color Values

HEX

#8F4FF2

RGB

143, 79, 242

HSL

263.6, 86.2%, 62.9%

HSV

263.6, 67.4%, 94.9%

CMYK

40.9%, 67.4%, 0.0%, 5.1%

OKLCH

0.5891 0.2306 296.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#8F4FF2

#B2F24F

Analogous

#4F60F2

#E14FF2

#8F4FF2

Triadic

#8F4FF2

#F28F4F

#4FF28F

Split Complementary

#8F4FF2

#F2E14F

#60F24F

Tetradic

#8F4FF2

#F24F60

#B2F24F

#4FF2E1

Color Blindness Simulation

Original

#8F4FF2

Protanopia

#7373CB

Deuteranopia

#777CC1

Tritanopia

#8CABA5

Achromatopsia

#686868

CSS Usage

background-color: #8F4FF2;
color: #8F4FF2;
border-color: #8F4FF2;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F6F2FD
100
#EAE0FA
200
#D5BDFA
300
#B78DF7
400
#8F4FF2
500
#6812ED
600
#530EBE
700
#430B98
800
#340977
900
#280B56
950
#1A0736

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass 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