#8F3EE2

#8F3EE2

Color Values

HEX

#8F3EE2

RGB

143, 62, 226

HSL

269.6, 73.9%, 56.5%

HSV

269.6, 72.6%, 88.6%

CMYK

36.7%, 72.6%, 0.0%, 11.4%

OKLCH

0.5571 0.2332 301.6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#8F3EE2

#91E23E

Analogous

#3E3FE2

#E13EE2

#8F3EE2

Triadic

#8F3EE2

#E28F3E

#3EE28F

Split Complementary

#8F3EE2

#E2E13E

#3FE23E

Tetradic

#8F3EE2

#E23E3F

#91E23E

#3EE2E1

Color Blindness Simulation

Original

#8F3EE2

Protanopia

#6C6BBA

Deuteranopia

#7177B1

Tritanopia

#8B9B94

Achromatopsia

#5B5B5B

CSS Usage

background-color: #8F3EE2;
color: #8F3EE2;
border-color: #8F3EE2;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DBC1F6
300
#C195EF
400
#A05BE6
500
#7E21DE
600
#651BB1
700
#51158E
800
#3F116F
900
#301051
950
#1E0A33

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

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